Histórico da Página
...
É possível obter um exemplo de uma folha de estilos acessando a página de Temas, no Painel de Controle.
Abaixo estão cada uma das classes e estrutura de um formulário gerado a partir do editor.
| Classe | Descrição |
|---|---|
| .title-form-application | Classe do título do formulário |
| .form-field | DIV que enquadra todo campo do formulário |
| .form-input | DIV pai apenas do campo (não enquadra a label) |
| .label-field-properties | Label dos campos |
| .is-required | Classe do asterisco em campos obrigatórios. |
| .paragraph-is-required | Mensagem de obrigatório |
...
Abaixo, segue um arquivo de tema válido:
| Bloco de código | ||||||
|---|---|---|---|---|---|---|
| ||||||
input { padding:0 15px !important; background-color:#000; color:#fff; }
label { font-weight:bold; color:#8B0000; }
.title-form-application { margin:20px; padding: 0 0px 10px; font-size: 1.5em; color: #006699; border-bottom: 1px dashed #ccc; }
.form-field { margin-bottom: 15px; border:1px solid red; padding:10px; }
.is-required { color:red; font-size:2em; } |
...
Em alguns casos é necessário utilizar do !important, pois são classes que já são utilizadas pelo fluig e podem ser sobescritas.
No exemplo, para o tema queremos:
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas