Estilos

Estilos são uma maneira de aplicar estilos específicos a elementos de página, painel e controle. Estilos são um método elevado de fornecer um controle de desenvolvedor sobre o estilo CSS da aparência e comportamento de um aplicativo.

Como Aplicar um Estilo a uma Página

1. Navegue até a página para estilizar
2. Vá para Action Drawer > Live Designer
3. Vá para More > Styles
4. Localize o estilo desejado no painel Styles e clique no botão + Add. Por exemplo: Ocultar botão Fechar (X) no pop-up
5. Saia das telas Style, retorne à visualização do aplicativo e confirme a atualização

Como Aplicar um Estilo a um Painel

1. Navegue até a página que contém o painel para estilizar
2. Vá para Action Drawer > Live Designer
3. Selecione o painel na visualização de página. Por exemplo: Product
4. Vá para More > Styles
5. Restrinja a Style Category selecionando a opção apropriada. Por exemplo: Background & Border
6. Localize o estilo desejado no painel Styles e clique no botão + Add. Por exemplo: Container Border Radius 4px
7. Saia das telas Style, retorne à visualização do aplicativo e confirme a atualização

Como Aplicar um Estilo a um Controle

1. Navegue até a página que contém o controle para estilizar
2. Vá para Action Drawer > Live Designer
3. Selecione o controle na visualização de página. Por exemplo: Code Container
4. Vá para More > Styles
5. Clique no botão + Style
6. Restrinja a Style Category selecionando a opção apropriada. Por exemplo: Font
7. Localize o estilo desejado no painel Styles e clique no botão + Add. Por exemplo: Color Red Crimson
8. Saia das telas Style, retorne à visualização do aplicativo e confirme a atualização