Árvore de páginas

Versões comparadas

Chave

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

...

fluigicons.svg

fluigicons.eot

Utilizando em

...

Formulários no Fluig 1.4

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

...

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
titleAtençãoImportante!

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!

 

 

...