Personalizar aparência de grid e smartgrid

[Márcio Almeida]

Olá pessoal, eu utilizo muito o grid e smartgrid nas minhas apps mas não estão ficando com uma aparência boa mais profissional.

É o seguinte eu queria aplicar na tabela em sim a própria aparência de tabela do bootstrap3 e acertar o tamanho, alinhamento e cores do botões.

Será que tem como? Seria inspecionando os objetos e atribuindo as classes ou tem algo mais prático?

Obrigado.

[Relsi Hur Maron]

Tu pode personalizar isso sobrescrevendo o css que ele utiliza, ou adicinoar teu próprio estilo com novas classes [1], etc.

http://web2py.com/books/default/chapter/29/07/forms-and-validators#SQLFORM-grid-signature

[Márcio Almeida]

Certo Relsi, pensei se havia algo mais prático, mas estou nesse caminho.

Obrigado.

[Relsi Hur Maron]

Então, na minha humilde opinião, todas esses helpers do web2py são ótimos pra prototipação, para acelerar o desenvolvimento de um MVP, por exemplo.

Para colocar uma coisa em produção, acredito que construir a tua própria UI seja o melhor caminho, tu tem mais controle e pode fazer as coisas de forma mais simples, e lógica. :)

[Márcio Almeida]

Então Relsi, já pensei nisso muitas vezes, essa parte visual sempre me acaba gerando problemas, mas ai nesse caso qual seria a vantagem de estar usando web2py? Não seria melhor então algo como flask?

Desenvolver minha própria ui e usar no web2py eu penso muito nisso mas não vai atrapalhar muito o framework já que tem muita coisa acoplada gerando mais problemas que benefícios?

[Relsi Hur Maron]

Em sábado, 8 de agosto de 2015 22:46:34 UTC-3, Márcio Almeida escreveu:

Então Relsi, já pensei nisso muitas vezes, essa parte visual sempre me acaba gerando problemas, mas ai nesse caso qual seria a vantagem de estar usando web2py? Não seria melhor então algo como flask?

Acho que a melhor forma de tu obter a resposta para essa pergunta é dando uma boa lida em toda a documentação do web2py, pode ser que tu perceba que a maior  vantagem de usar o web2py não sejam esses helpers.

Agora se mesmo depois de percorrer toda a documentação, continuar com o mesmo pensamento a respeito, então sugiro experimentar outras alternativas, como o próprio flask, pois ao meu ver a melhor ferramenta é aquela que permite que o desenvolvedor seja produtivo, de acordo com o seu jeito te trabalhar e não o da ferramenta.

 

Desenvolver minha própria ui e usar no web2py eu penso muito nisso mas não vai atrapalhar muito o framework já que tem muita coisa acoplada gerando mais problemas que benefícios?

Aqui eu poderia dizer simplesmente que não, mas como disse acima, uma boa lida na documentação vai te esclarecer melhor sobre isso, também.

Abração.

 

[Márcio Almeida]

Relsi, fiz uma pesquisa e é isso mesmo que você disse, da para personalizar ou mesmo fazer a interface do zero sem afetar o funcionamento do web2py, eu realmente nunca pretendi usar o flask pois o modelo fullstack do web2py é uma das coisas fortes para mim.

Também da para personalizar bastante a própria interface do web2py mas é um pouco trabalhoso, ainda não tinha mexido direto nos arquivos de css e javascript do web2py mas fiz uns testes e vi que podem ser modificados para as necessidades.

Estou pensando em usar um framework visual em jquery(jqwidgets) acho que vai bem né? Ou bootstrap 3 mais personalizado com ou sem angular, tem alguma recomendação ou dica?

Obrigado

[Relsi Hur Maron]

Massa cara, que bom que tu ta te encontrando :)

Cara, sobre as indicações, como eu não sou do frontend não saberia qual a melhor opção, aqui a frontend usa o bootstrap puro com alguma coisa de jquery-ui. Tem servido bem, da uma olhada ai :

- https://codefreelas.com
- http://quantoeucobro.com

Abração, e bons estudos.

[Márcio Almeida]

Legal cara, eu estou mais inclinado em usar o bootstrap mesmo, seu layout esta bacana bem funcional, vou nessa direção.

Obrigado.

[Ari Sobel]

Ola, Márcio,

Existem bastantes Templates por aí baseados em Bootstrap3. Veja esse site [1].

Dos Helpers do web2py, na mihaopinião o mais acoplado (no sentido de produzir uma saída acoplada as classes do Bootstrap) é o SQLFORM.grid. 

A partir versão estável do web2py 2.10.4 o web2py já vem com bootstrap 3 como padrão no scaffolding welcome.

Quando estiver com mais cancha no web2py (ou se ja tiver, melhor ainda) considere criar seu próprio Grid - que basicamente te dá uma lista para crud em cima de uma lista de registros de uma certa tabela, contendo paginação (e outras 'cositas', claro). Dessa forma vc teria mais 'liberdade' para trabalhar o front-end.

Mas se quiser usar o conforto do helper Grid, considere usar versão a partir da  2.10.4  (ainda nao usei).

abcs

[1] http://bootstraptor.com/ 

Em 10 de agosto de 2015 16:51, Márcio Almeida <marciolauri...@gmail.com> escreveu:

Legal cara, eu estou mais inclinado em usar o bootstrap mesmo, seu layout esta bacana bem funcional, vou nessa direção.

Obrigado.

--
Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com
Para se desinscrever, envie email a: web2py-users-br...@googlegroups.com
Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en
---
Você recebeu essa mensagem porque está inscrito no grupo "web2py-users-brazil" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para web2py-users-br...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

[Kayro]

Estou com um projeto em Semantic UI e bem satisfeito com ele! Na verdade é osso adaptar o Web2py a ele, estou escrevendo o HTML todo a mão, também perdi as funcionalidades de administração do BD, mas já existe uma discussão no grupo internacional para implementação desse framework nas próximas veroes... independente, está valendo a pena: http://semantic-ui.com/

Em 10/08/2015 16:51, Márcio Almeida escreveu:

Legal cara, eu estou mais inclinado em usar o bootstrap mesmo, seu layout esta bacana bem funcional, vou nessa direção.

Obrigado.

[Ari Sobel]

Puxa, Kayro, que bacana. 

Dei uma entrada no link que vc passou, e o exemplo do select que transofrma os selecionados em Tags era exatamente o que eu estava procurando!! Simplesmente fantástico. Se puder compartilhar algo de tua experiência nesse framework aqui, eu pelo nemos, agradeceria muito!

Mas o web2py tem helpers para formularios HTML simples e Tags HTML puro, aos quais vc pode acrescentar classes no lado server (sei que tem gente que nao gosta disso). Na verdade vc poderia criar tuas próprias bibliotecas pra isso.

Por que vc perdeu "as funcionalidades de administração do BD"? - é por causa do jeito que elas são implementadas nos formulários?

Poderia compartilhar essa experiência conosco?

sds

[Márcio Almeida]

Legal ari613 e Kayro.

Eu fiz uma analise no meu projeto e não vou implantar outro framework, vou mesmo usar o bootstrap 3 pois tem muita coisa legal para usar e supre minhas necessidades.

Preciso aplicar no sqlform.grid o "tema/visual" padrão do boostrap, estou garimpando o css acho que vai ficar legal.

sds

[Kayro]

Oi, Ari!
Sem dúvidas, o Semantic é o mais completo que conheço! A maneira de trabalhar é quase a mesma com a que trabalhamos no BS3; basta apenas entender bem o sistema de grids dele que o resto não muda muito. Gosto dos dois! Antes do BS era dose personalizar formulários na web. O http://www.blueprintcss.org/ auxiliava um pouco, mas pouco mesmo.

O Semantic praticamente não precisa de customização, seus componentes se ajustam com perfeição à grid que tem um sistema de "calhas" para espaçamentos horizontais; sob meu ponto de vista deixa as telas mais simétricas que o BS. Sem falar no seu rico arsenal de guloseimas rs... A única desvantagem, além de perder o SQLFORM e SQLFORM.grid do W2P é que não tem muito material para pesquisa na web além da própria documentação, todavia a documentação não deixa muito a desejar; e a curva de aprendizado para quem já trabalha com o BS é mínima.

Ainda não tinha pensado em criar uma biblioteca específica para geração de formulários, creio que vou acatar sua sugestão. Como uso ajax em todas ações da interface acabo fazendo o trabalho sujo todo na view mesmo, geralmente crio um único formulário e um método separado no controller com validate_and_insert e validate_and_update para as transações.

Acabei perdendo as funcionalidades de administração do BD, pois sou perfeccionista e sumi com tudo que dizia respeito ao BS da pasta static e o appadmin usa ele para estilizar os formulários. De qualquer forma deu para criar o primeiro usuário para começar a diversão.

Fico a disposição para auxiliar no que estiver ao meu alcance!

T++
Kayro

[Fabiano Almeida]

Muito interessante o Semantic UI! Não conhecia, dando uma olhada inicial na página oficial foi de dar água na boca...

Em 10 de agosto de 2015 17:19, Kayro <tagg...@gmail.com> escreveu:

[Ari Sobel]

Puxa, bacana @Kayro - agora entendi o lance da administração do BD.

Mas se o web2py vai dar suporte a esse framework, acho que tudo vai melhorar então.

Legal @FAbiano!

abcs!

[Márcio Almeida]

O semantic-ui é muuuito legal.

É verdade que o web2py vai suportar nativamente?

[Kayro]

Rolou esse assunto um tempo desses no grupo internacional. O Massimo sugeriu que alguém fizesse as adaptações no Welcome, dizendo que o restante ele mesmo faria.

Em 12/08/2015 16:48, Márcio Almeida escreveu:

O semantic-ui é muuuito legal.

É verdade que o web2py vai suportar nativamente?

[Vinicius Assef]

Não sei se seria o caso, mas o SQLFORM aceita um argumento, o `formstyle`, que permite você passar uma função para renderizar o formulário da forma como você precisar.

Acho que ajuda a não perder essas funcionalidades.

[Kayro]

Valeu Vinicius! Acredito que é o caso sim, vou analisar isso!