sviluppo:button
Questa è una vecchia versione del documento!
Button
Per quanto riguarda i button i dati elemento utilizzabili sono:
- Nome Univoco Elemento
- Tipo elemento:
- button→ generico: Inserisce un bottone generico,grigio,rettangolare. Stile: generico,predefinito.
- button→ ita-button: Semplice bottone stile italsoft. Stile: Con stile definito dal tema.
- button→ ita-button-validate: Semplice bottone stile italsoft. Stile: definito dal tema. Al click visualizza l'icona di caricamento.
- Classe elemento
Verrebbero disabilitati quindi:
- Label elemento
- Classe label
- Posizione label
- Larghezza label
- Access key
- Testo alternativo
- Colonne elemento
- Caratteristiche input elemento:
- Obligatorio
Attributi elemento più tutti quelli html possibili per un button:
- value: Il vaolre/testo che assumerà il bottone
- class
- ita-element-animate : [?]
- ita-button: Imposta l'elemento come bottone.
- ita-button-commit:
- ita-button-new:
- ita-button-delete:
- ita-button-validate : Imposta l'elemento come bottone validate, il server riconosce al click, se ci sono campi obligatori non compilati.
- metadata {….}
- shortCut: Impostare il comando rapido f1…f12
- iconLeft/right:'ui-icon Icona' per inserire un'icona nel bottone e definirne la posizione. → Per vedere i vari tipi di icone consulta questa lista.
- style (css)
- width: (Percentuale o Pixel)
- height: (Percentuale o Pixel)
- margin-left: auto/pixel/%; Per definire la distanza del bottone dal margine sinistro
- margin-right: auto/pixel/%; Per definire la distanza del bottone dal margine destro
- bgcolor: Impostare uno sfondo colorato
- background : impostare uno sfondo colorato/immagine
- font-size : è possibile definire le dimensioni del testo
- font-style : è possibile definire lo stile utilizzato(Italic,Underscore,Bold)
- font-weight : è possibile definire lo spessore del font
- color : è possibile definire il colore
Esempio:
Nome Attributo | Valore Attributo |
---|---|
value | F6 Aggiorna |
class | ita-button-commit{iconLeft:'ui-icon ui-icon-disk',shortCut:'f6'} |
style | width:100px;height:30px; |
sviluppo/button.1350645880.txt.gz · Ultima modifica: 2018/03/19 10:45 (modifica esterna)