Páginas filhas
  • 4.1. Criação de processos

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Composition Setup
import.css=/download/attachments/5263564/framework.css

No Fluig é possível utilizar processos que efetuam integração com o LogixEstes processos são criados utilizando o Fluig Studio, para saber mais sobre esta ferramenta consulta a documentação em: Fluig StudioAbaixo 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ões

Para 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
themeEclipse
languagehtml/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>

Âncora
CLASSES_CSS
CLASSES_CSS
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.

Float
sideleft
width20%

Componentes

  • Agrupadores

    Toggle Cloak
    exclusivetrue
    idagrupadores

  • Descrições de campos
  • Campos de textos 
    Toggle Cloak
    exclusivetrue
    idtexto
  • Campos numéricos
  • Campos de data
  • Campos de seleção de valores
Section
Float
sideright
width75%
Cloak
visibletrue
idagrupadores

Agrupadores

Utilize as classes de agrupadores para organizar os elementos do formulário HTML e manter os processos padronizados e responsíveis.

Exemplo

Eclipsehtml/xml
Cloak
idtexto

Campos de edição de texto

Para campos do tipo texto, utilizar no elemento input a classe .fw-input-char.

Exemplo


Eclipsehtml/xml


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Anexos