Á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á amplamente disponível no Fluig 1.4, para utilizar em formulários você deverá 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.0

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 outro 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>

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

 

Card
labelPasso 3

 

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

Image Added