Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

O Fluig Style Guide estará disponível no Fluig 1.4. Para utilizar em formulários você deve seguir os passos abaixo.

 

Informações
titleDocumentação Online

Acesse git.fluig.com e confira projeto de exemplo com formulário e Widgets.

 

Passos para Utilização

Os seguintes passos devem ser observador para a utilização do Fluig Style Guide em formulários a partir da release 1.4.

Deck of Cards
idpassos
Card
labelPasso 1

 

Importe os artefatos necessários no seu formulário

Bloco de código
languagexml
titleArtefatos
linenumberstrue
<head>
<link rel="stylesheet" type="text/css" href="/portal/resources/style-guide/css/fluig-style-guide.min.css">
<script src="/portal/resources/style-guide/js/fluig-style-guide.min.js"></script>
</head>
Card
labelPasso 2

 

Encapsule seu código sobre a classe fluig-style-guide. Assim você não afeta outros desenvolvimentos que ainda não usam Fluig Style Guide.

Bloco de código
languagexml
titleColocando seu código dentro da classe
linenumberstrue
<div class="fluig-style-guide">

     <!-- Insira aqui seu código usando Fluig Style Guide -->

</div>

 

 

Nota
titleImportante!

Lembre-se de que, apesar de ter importado os recursos, se o seu código HTML não estiver dentro dessa classe, o estilo não será aplicado!

Card
labelPasso 3

 

Utilizando o guia, busque os componentes desejados e monte sua tela!

 

 

...