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¶

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

Como Aplicar um Estilo a um Painel¶

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

Como Aplicar um Estilo a um Controle¶

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