...
| Painel |
|---|
| Float |
|---|
| ComponentesAgrupadores | Toggle Cloak |
|---|
| exclusive | true |
|---|
| id | agrupadores |
|---|
|
- Abas
- Descrições
- Campos de texto
- Campos numérico
- Campos de data
- Campos de seleção
- Máscaras
|
| Float |
|---|
| | Cloak |
|---|
| AgrupadoresUtilize agrupadores para organizar o formulário HTML e manter os processos padronizados e responsíveis.
Eclipsehtml/xml |
| Cloak |
|---|
| AbasAs abas organizam os elementos de forma simples e objetiva otimizando a utilização da área de trabalho.
Eclipsehtml/xml |
| Cloak |
|---|
| DescriçõesAs descrições são desenvolvidas utilizando elementos label com a classe .fw-descr-top ou .fw-descr-top-obrigat para destacar campos obrigatórios.
Eclipsehtml/xml
|
| Cloak |
|---|
| Campos de textoPara campos de texto, utilizar no elemento input a classe .fw-input-char.
Eclipsehtml/xml
|
| Cloak |
|---|
| Campos NuméricosPara campos numéricos, utilizar no elemento input a classe .fw-input-number.
Eclipsehtml/xml
|
| Cloak |
|---|
| Campos de DataPara campos de datas, utilizar no elemento input a classe .fw-input-date.
Eclipsehtml/xml
|
| Cloak |
|---|
| Campos de SeleçãoPara campos de seleção, utilizar no elemento select a classe .fw-input-select.
Eclipsehtml/xml |
|
|
Máscaras
Para atribuir máscaras para os elementos, utilizar o atributo data. As máscaras seguem o mesmo formato do AdvPL e pode ser consultado aqui: Tabela de Pictures de Formatação.
| HTML |
|---|
<div class="fw-model fw-input">
<label class="fw-descr-top-obrigat">Nome:</label>
<input type="text" class="fw-input-char" maxlength="30" data='{"picture":"@!"}'/>
</div>
<div class="fw-model fw-input">
<label class="fw-descr-top">Idade:</label>
<input type="text" class="fw-input-number" data='{"picture":"9999999999"}'/>
</div> |
| Bloco de código |
|---|
| theme | Eclipse |
|---|
| language | html/xml |
|---|
|
<div class="fw-model fw-input">
<label class="fw-descr-top-obrigat">Nome:</label>
<input type="text" class="fw-input-char" maxlength="30" data='{"picture":"@!"}'/>
</div>
<div class="fw-model fw-input">
<label class="fw-descr-top">Idade:</label>
<input type="text" class="fw-input-number" data='{"picture":"9999999999"}'/>
</div> |
Anexos
- Biblioteca JavaScript wfLogixUtil.js.
