Vejamos como exemplo o  "frmCadCIDADES":







Cada campo está dentro de um bloco responsivo( rcBlock ) e contém suas configurações( HINT ). 


Fazendo uma analogia com HTML, cada bloco é uma "DIV".


O RadCORE vai controlar a dimensão de cada bloco e cada componente deve ser ajustado para melhor se adequear ao que você deseja. Podemos usar configurações nativas do Delphi e/ou de alinhamento dinâmico do RadCORE.



Vejamos as configurações:


Todos os campos de edição( com exceção do "memo" ) tem a propriedade Anchors = [ Left, Top, Right ], dessa forma, o RadCORE ao expandir/contrair o bloco, seus componentes de edição vão acompanhar a dimensão do bloco.


Seguindo a configuração do sistema de colunas do RadCORE( até 12 colunas ) temos:


O primeiro bloco - "rcBlock10" vai ocupar 12 colunas em telas pequenas e 2 colunas nas demais telas.


[[cols:xs-12 sm-12 md-2]]


O segundo bloco - "rcBlock20" vai ocupar 12 colunas em telas pequenas e 2 colunas nas demais telas.


[[cols:xs-12 sm-12 md-2]]


O terceiro bloco - "rcBlock30" vai ocupar 12 colunas em telas pequenas e 6 colunas nas demais telas.


[[cols:xs-12 sm-12 md-6]]


O quarto bloco - "rcBlock40" vai ocupar 12 colunas em telas pequenas e 2 colunas nas demais telas.


[[cols:xs-12 sm-12 md-2]]



Configurações para Formulários


É possível definir o ALINHAMENTO e /ou as MEDIDAS de um FORMULÁRIO para que, ao ajustá-lo pela rotação do dispositivo ele retorne ou assuma as características definidas:


Veja o exemplo do frmWEBCAM para MANTER FIXO as MEDIDAS do FORM:


[[

modal: | 

width:360 fix | 

height:353 fix

]]


Informamos que em qualquer dispositivo, a dimensão será FIXA. 


Removendo o "fix", assume a medida PADRÃO do form.


O atributo "modal:" é para que o RadCORE mantenha centralizado em relação a tela. Já que se trata efetivamente de um "formulário modal".



Veja o exemplo do frmTHEMES:


- Alinhamento fixo a direita

- altura assumindo o máximo da resolução atual

- largura fixa


[[

frm-align:right |

height:max |

width:fix

]]


Informamos que em qualquer dispositivo, o FORM sempre vai se alinhar a direita.


Por padrão, o alinhamento de FORMULÁRIOS MODAL é no CENTRO e não modal, assume o espaço do "parent" integral.


Variações:


[[frm-align:left]]

[[frm-align:right]]

[[frm-align:top]]

[[frm-align:bottom]]


Mais possibilidades.Veja o exemplo do frmDEMO_MESSAGES:





Mais possibilidades.Veja o exemplo do frmDEMO_PDV_MODAL:


[[

modal:|

height:max|

width:max

]]


Isso vai deixar as dimensões do formulário no limite máximo da tela.

Created with the Personal Edition of HelpNDoc: Free CHM Help documentation generator