| Composition Setup |
|---|
import.css=/download/attachments/5263564/framework.css |
| HTML |
|---|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="/download/attachments/108660318/wfLogixScripts.js"></script>
<script type="text/javascript">$(function(){initLogixHtml();$("p:empty").remove();});</script> |
No Fluig é possível utilizar processos que efetuam integração com o Logix. Estes processos são criados utilizando o Fluig Studio, para saber mais sobre esta ferramenta consulta a documentação em: Fluig Studio. Abaixo pode ser encontrado a documentação para a criação de um processo utilizando estilos e eventos padrões disponíveis para o Logix caso desejável.
| Âncora |
|---|
| estilos_e_eventos |
|---|
| estilos_e_eventos |
|---|
|
Estilos e eventos padrõesPara utilizar os estilos e eventos padrões disponíveis é necessário primeiramente que no formulário HTML do processo sejam referenciadas as bibliotecas JavaScript jQuery na versão 1.8.3 e jQueryUI na versão 1.9.2 (para mais informações visite http://jquery.com/ e http://jqueryui.com/).
Além das citadas anteriormente, é necessário referenciar a biblioteca wfLogixUtil (disponível para baixar na lista de anexos no fim desta página), responsável por carregar os estilos e eventos padrões, alterar o estilo do formulário e carregar os zooms atribuídos para os campos.
| Bloco de código |
|---|
| theme | Eclipse |
|---|
| language | html/xml |
|---|
|
<head>
<!-- Código HTML -->
<!-- Biblioteca JavaScript do Fluig/ECM -->
<script type="text/javascript" src="../vcXMLRPC.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="wfLogixUtil.js"></script>
<!-- Código HTML -->
</head> |
Classes CSS
Atualmente existem uma séries de classes CSS que podem ser utilizadas através do arquivo de estilos padrão para estilizar e agrupar os elementos do formulário HTML.
| Painel |
|---|
| Float |
|---|
| ComponentesAgrupadores | Toggle Cloak |
|---|
| exclusive | true |
|---|
| id | agrupadores |
|---|
|
- Descrições
- Campos de texto
- Campos numérico
- Campos de data
- Campos de seleção
|
| Float |
|---|
| | Cloak |
|---|
| AgrupadoresUtilize agrupadores para organizar o formulário HTML e manter os processos padronizados e responsíveis. 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
|
|
|
Anexos
