wiki

Strumenti Utente

Strumenti Sito

Traccia:
sviluppo:button

Differenze

Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.

Link a questa pagina di confronto

Entrambe le parti precedenti la revisioneRevisione precedente
Prossima revisione		Revisione precedente
sviluppo:button [2012/10/19 10:46] – a.muccisviluppo:button [2018/03/19 10:45] (versione attuale) – modifica esterna 127.0.0.1
Linea 10: Linea 10:
  
 **Verrebbero disabilitati quindi:**  **Verrebbero disabilitati quindi:** 
-  * //Label elemento// +  * //Label elemento//  
-  * //Classe label// +  * //Classe label//  
-  * //Posizione label//+  * //Posizione label// 
   * //Larghezza label//    * //Larghezza label// 
   * //Access key//   * //Access key//
-  * //Testo alternativo// +  * //Testo alternativo//  
-  * //Colonne elemento//+  * //Colonne elemento// 
   * Caratteristiche input elemento:   * Caratteristiche input elemento:
-      * //Obligatorio// +      * //Obbligatorio// 
  
 **Attributi elemento più tutti quelli html possibili per un button:** **Attributi elemento più tutti quelli html possibili per un button:**
-  * **value:** Il vaolre/testo che assumerà il bottone+  * **value:** Il valore/testo che assumerà il bottone
   * **class**   * **class**
      * **ita-element-animate :** [?]      * **ita-element-animate :** [?]
      * **ita-button:** Imposta l'elemento come bottone.      * **ita-button:** Imposta l'elemento come bottone.
-     * **ita-button-commit:**  +     * **ita-button-validate :** Imposta l'elemento come bottone validate, il server riconosce al click, se ci sono campi obbligatori non compilati.
-     * **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**// {....}         * //**metadata**// {....}
            * **shortCut:** Impostare il comando rapido f1...f12            * **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 [[iconeuibutton|questa lista.]]+           * **iconLeft/right:**'ui-icon Icona' per inserire un'icona nel bottone e definirne la posizione. -> Per vedere i vari tipi di icone consulta [[http://jquery-ui.googlecode.com/svn/tags/1.6rc5/tests/static/icons.html|questa lista.]] 
 +           * **iconCenter:** come per iconLeft/Right. 
 +           * **template**: [medium|large] Applica uno dei due stili predefiniti, che determinano la grandezza del bottone. 
 +           * **fitWidth**: [true|false] Indica al bottone se occupare il massimo della larghezza.
   * **style (css)**   * **style (css)**
      * **width:** (Percentuale o Pixel)      * **width:** (Percentuale o Pixel)
Linea 37: Linea 37:
      * **margin-left:** auto/pixel/%; Per definire la distanza del bottone dal margine sinistro      * **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      * **margin-right:** auto/pixel/%; Per definire la distanza del bottone dal margine destro
-     * **bgcolor:** Impostare uno sfondo colorato +     * **font-size :** Se impostato è possibile definire le dimensioni del testo   
-     * **background :** impostare uno sfondo colorato/immagine +     * **font-style :** Se impostato è possibile definire lo stile utilizzato dal testo (Italic,Underscore,Bold) 
-     * **font-size :** è possibile definire le dimensioni del testo   +     * **font-weight :** Se impostato è possibile definire lo spessore del font del testo 
-     * **font-style :** è possibile definire lo stile utilizzato(Italic,Underscore,Bold) +     *** color :** Se impostato è possibile definire il colore del testo all'interno del bottone
-     * **font-weight :** è possibile definire lo spessore del font +
-     *** color :** è possibile definire il colore+
  
 **Esempio:** **Esempio:**
Linea 49: Linea 47:
 | value        |F6 Aggiorna        |  | value        |F6 Aggiorna        | 
 | class  | ita-button-commit{iconLeft:'ui-icon ui-icon-disk',shortCut:'f6'}    | | class  | ita-button-commit{iconLeft:'ui-icon ui-icon-disk',shortCut:'f6'}    |
-| style   | width:100px;height:30px;                |+| style   | width:100px;height:30px;color:red;                | 
 + 
 +==== Classi per ButtonBar ==== 
 + 
 +E' possibile aggiungere le seguenti classi ad una ita-button-bar per determinare automaticamente lo stile di tutti i bottoni al suo interno. 
 +  * **ita-buttonbar-medium**: applica il parametro fitWidth dei bottoni a "true" ed il template a "medium". 
 +  * **ita-buttonbar-medium-center**: come sopra, in più l'icona sarà sempre iconCenter. 
 +  * **ita-buttonbar-large**: applica il parametro fitWidth dei bottoni a "true" ed il template a "large". 
 +  * **ita-buttonbar-large-center**: come sopra, in più l'icona sarà sempre iconCenter. 
 + 
  
 \\  \\ 
-|      [[ tipi_di_elementi#Tipo_Elemento|Torna alla lista.]]   |+|      [[ tipi_di_elementi#Tipo_Elemento|Torna alla lista.]]   || [[Lista Analitica|Vai alla Lista Analitica]] | 
  
-[[IconeUiButton|IconeUI]] 
  
 --------- ---------
sviluppo/button.1350643566.txt.gz · Ultima modifica: 2018/03/19 10:45 (modifica esterna)