Strumenti Utente

Strumenti Sito


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;


IconeUI


sviluppo/button.1350645738.txt.gz · Ultima modifica: 2018/03/19 10:45 (modifica esterna)