Differenze

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

--- sviluppo:button [2013/10/07 11:03] – a.mucci
+++ sviluppo:button [2024/10/15 09:45] (versione attuale) – modifica esterna 127.0.0.1
@@ Linea 18: / Linea 18: @@
   * //Colonne elemento//
   * Caratteristiche input elemento:
-      * //Obligatorio//
+      * //Obbligatorio//
 **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**
      * **ita-element-animate :** [?]
      * **ita-button:** Imposta l'elemento come bottone.
-     * **ita-button-validate :** Imposta l'elemento come bottone validate, il server riconosce al click, se ci sono campi obligatori non compilati.
+     * **ita-button-validate :** Imposta l'elemento come bottone validate, il server riconosce al click, se ci sono campi obbligatori 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 [[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)**
      * **width:** (Percentuale o Pixel)
@@ Linea 45: / Linea 48: @@
 | class  | ita-button-commit{iconLeft:'ui-icon ui-icon-disk',shortCut:'f6'}    |
 | 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.
 \\
@@ Linea 50: / Linea 63: @@
----------
+---------{{counter}} visualizzazioni.