Estilos¶

O Vinyl 3.3 introduz Estilos como uma forma de aplicar estilos específicos a páginas, painéis e elementos de controle. Versões anteriores do Vinyl exigiam trabalhar com temas para conseguir isso. Os estilos são um método elevado de fornecer ao desenvolvedor controle sobre o estilo CSS da aparência de um aplicativo.

Como Aplicar um Estilo a uma Página¶

1. Navegue até a página para estilizar
2. Vá para Gaveta de Ação > Live Designer
3. Vá para Mais > Estilos
4. Localize o estilo desejado no painel Estilos e clique no botão + Adicionar. Por exemplo: Ocultar o botão Fechar (X) no pop-up
5. Saia das telas de Estilo, 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 Gaveta de Ação > Live Designer
3. Selecione o painel na visualização da página. Por exemplo: Produto
4. Vá para Mais > Estilos
5. Limite a Categoria de estilo selecionando a opção apropriada. Por exemplo: Plano de fundo e borda
6. Localize o estilo desejado no painel Estilos e clique no botão + Adicionar. Por exemplo: Raio da borda do contêiner 4px
7. Saia das telas de Estilo, 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 Gaveta de Ação > Live Designer
3. Selecione o controle na visualização da página. Por exemplo: Contêiner de Código
4. Vá para Mais > Estilos
5. Clique no botão + Estilo
6. Limite a Categoria de estilo selecionando a opção apropriada. Por exemplo: Fonte
7. Localize o estilo desejado no painel Estilos e clique no botão + Adicionar. Por exemplo: Cor Vermelho Carmesim
8. Saia das telas de Estilo, retorne à visualização do aplicativo e confirme a atualização