Bootstrap
26/09/2012 03:04
0
Boa Noite,
Utilizei o plugin do grails para o twitter bootstrap, mas estou com pequenas dificuldades para configurá-lo, os menos dropdown não funcionam, e algumas coisas mais.. Há a necessidade de importar os .js para o app? Ou o próprio plugin já faz isso ? Se alguem tiver algum tutorial ou puder me ajudar a configurar bootstrap para o grails..

Obrigado
Tags: BootStrap Grails CSS


0
A única coisa que este plugin faz é copiar os arquivos css e JavaScript para dentro do diretório web-app do seu projeto.

Para habilitar coisas como menus animados e tal você precisa referenciar os arquivos javascript que vêm junto com o Twitter Bootstrap.

Minha recomendação pra você é dar uma lida na documentação oficial do Bootstrap e remover este plugin do seu projeto.


0
Em um projeto utilizei o plugin twitter bootstrap junto com o plugin Resources, que acredito que vc deve estar utilizando ele tbm.

Após instalar o plugin o arquivo /grails-app/conf/ScaffoldingResources.groovy ficou assim:
modules = {
scaffolding {
dependsOn 'bootstrap'
resource url: 'css/scaffolding.css'
}
}

Ou seja, ao instalar o plugin foi adicionada uma dependencia ao módulo "bootstrap" (criado pelo plugin), onde ele já importa todos os recursos (css's e js's, incluindo o dropDown que vc citou).

Na página gsp onde vc deseja utilizar algum dos recursos do twitter bootstrap basta adicionar a linha:
<r:require modules="scaffolding"/>

Para saber quais os módulos que o plugin disponibiliza sugiro que vc de uma olhada nos arquivos de configuração do plugin, onde está definido, entre outros, o módulo "bootstrap" que citei acima.
27/09/2012 01:02


0
Oi vrcarvalho, no seu caso ter todos os resources adicionados com uma só chamada também pode ser uma desvantagem pois pode estar importando coisas que não usa em muitos GSPs então o que o Kiko quis dizer é que você não precisa do plugin porque ele não te dá nenhuma funcionalidade que você não possa fazer via css+js adicionando você mesmo os arquivos do Tweeter Bootstrap no seu projeto.
27/09/2012 11:46


0
Mas a solução do vr me pareceu uma boa solução, já que eu pretendo usar os recursos do sitemesh usando um decorators.xml para evitar repetição de html em muitas páginas...
27/09/2012 13:41


0
Pedro,

concordo que podemos adicionar os css+js na mao mesmo no projeto.
Mas se o plugin ja faz isto, nao vejo porque nao utilizar.

O exemplo que citei do module 'bootstrap' do plugin que ja faz a importação de todos os recursos foi apenas um exemplo.
No plugin há um arquivo de configuração chamado BootstrapResources.groovy, onde ele cria vários módules importando os recursos. Entao se vc precisa apenas de um js em uma gsp vc pode importar apenas o module com este js.

Abri o arquivo aqui, e apenas para exemplo, segue alguns modules que ele cria.
Lembrando que na sua gsp vc vai 'importar' o module da seguinte forma <r:require modules="nomeDoModule"/>
    'bootstrap-alert' {
defaultBundle configDefaultBundle
if (jqueryPlugin) {
dependsOn 'jquery'
}

resource url:[plugin: 'twitter-bootstrap', dir: 'js', file: 'bootstrap-alert.js']
}

'bootstrap-dropdown' {
defaultBundle configDefaultBundle
if (jqueryPlugin) {
dependsOn 'jquery'
}

resource url:[plugin: 'twitter-bootstrap', dir: 'js', file: 'bootstrap-dropdown.js']
}

'bootstrap-modal' {
defaultBundle configDefaultBundle
if (jqueryPlugin) {
dependsOn 'jquery'
}

resource url:[plugin: 'twitter-bootstrap', dir: 'js', file: 'bootstrap-modal.js']
}
27/09/2012 14:03



Ainda não faz parte da comunidade???

Para se registrar, clique aqui.


Aprenda Groovy e Grails com a Formação itexto!

Newsletter Semana Groovy

Assinar

Envie seu link!


Livro de Grails


/dev/All

Os melhores blogs de TI (e em português) em um único lugar!

 
Creative Commons
RSS Grails Brasil é mantido por itexto Consultoria.
Em caso de problemas contacte Henrique Lobo Weissmann (Kico) por e-mail: kico@itexto.com.br
Todo o conteúdo presente neste site adota o Creative Commons como licença padrão.
Ver: 4.14.0
itexto