Árvore de páginas

Versões comparadas

Chave

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

...

O CSS deve ser inserido dentro da head no html Mobile e deve ser utilizada a tag <style type="text/css"> Insira aqui o CSS </style>. Segue alguns exemplos de CSS que podem ser aplicados nos formulários Mobile, eles estão separados por componentes:

 

 

Deck of Cards
effectDuration0.5
idsamples
historyfalse
effectTypefade
Card
defaulttrue
id1
labelbody

body {

font-family: Verdana, Geneva, Tahoma, sans-serif;

background-color: #D1D3D4; /* Background color */

color: #58595B; /* Foreground color used for text */

font-family: Helvetica;

font-size: 14px;

margin: 0; /* Amount of negative space around the outside of the body */

padding: 0; /* Amount of negative space around the inside of the body */
min-width:300px;
}

Card
id2
labelHeadings

h1 {

margin: 0;

padding: 0;

background-color: #D1D3D4;

color: #FFF;

display: block;

font-size: 18px;

font-weight: bold;

padding: 10px 0;

text-align: center;

text-decoration: none;

}

Card
id3
labelList

ul {

list-style: none;

margin: 10px;

padding: 0;

}

ul li {

background-color: #FFFFFF;

border: 1px solid #999999;

color: #58595B;

display: block;

font-size: 14px;

font-weight: bold;

margin-bottom: -1px;

padding: 12px 10px;

text-decoration: none;

}

ul li:first-child {

-webkit-border-top-left-radius: 8px;

-webkit-border-top-right-radius: 8px;

}

ul li:last-child {

-webkit-border-bottom-left-radius: 8px;

-webkit-border-bottom-right-radius: 8px;
position:relative;
}

Card
id4
labellabel

.mylabel {

width: 28%;
overflow: hidden;

text-overflow: ellipsis;

-o-text-overflow: ellipsis;

white-space: nowrap;

display:inline-block;
position:relative;
float:left;
line-height:32px;

}

Card
id5
labeltext

input[type=text] {

width: 70%;
font-family: Verdana, Geneva, Tahoma, sans-serif;

font-size: 14px;

background-color: #E8E8E8;
position:relative;
float:right;

}

Card
id6
labeltextArea

textarea {

width: 70%;
font-family: Verdana, Geneva, Tahoma, sans-serif;

font-size: 14px;

background-color: #E8E8E8;
position:relative;
float:right;

}

Card
id7
labelselect

select {

width: 70%;
font-family: Verdana, Geneva, Tahoma, sans-serif;

font-size: 14px;

background-color: #E8E8E8;
position:relative;
float:right;

}

...

Nota
titleAtenção

Essa é a estrutura básica, dentro de cada tag deve ter elementos e lógicas correspondentes a eleselas.

 

JavaScript

 

Serviços

 

JQuery Mobile

...

Pai X Filho Mobile

 

Exemplo