Layout e CSS

Para os padrões atuais o Layout e o CSS do formDin não é tão bom ou moderno. Pois não é totalmente responsivo ou apresenta um Layout semelhante ao BootStrap ou Angular Material. Isso está previsto para o FormDin 5.

Com a versão 4.2.3 diversas melhorias foram feitas na questão do CSS. Com a versão 4.3.0 o modo semi-responsivo virou o modo padrão.

Algumas melhorias no CSS

• TApplication->setResponsiveMode = Por padrão = TRUE e tem CSS com @Media
• TApplication->setCssFileFormDefault = Possibilita aplicar o mesmo CSS para todos os forms de um só vez.
• Heard and Footer agora são apenas DIV sem tabelas.
• Diversos métodos agora estão deprecated como por exemplo o que seta a largura da tela (veja setResponsiveMode)

Customização simples

Um tela padrão criada em FormDin é parecidado com o exemplo abaixo.

Porém existem diversos elementos que podem ser customizados com pouco esforço. Tudo que está na cor cf1523 ou RGB 207,21,35 indica o local da customização.

Customização via CSS

Veja exemplos de alteração do Layout em Aplicação de Exemplos v1.0 do FormDin na parte do Layout apresenta alguns exemplos.

Próxima etapa ?

22 - API REST