Strumenti Utente

Strumenti Sito


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 [2014/04/03 10:45] a.marinisviluppo:button [2024/10/15 09:45] (versione attuale) – modifica esterna 127.0.0.1
Linea 29: Linea 29:
            * **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 [[http://jquery-ui.googlecode.com/svn/tags/1.6rc5/tests/static/icons.html|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 45: Linea 48:
 | 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;color:red;                | | 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. 
sviluppo/button.1396521938.txt.gz · Ultima modifica: 2018/03/19 10:45 (modifica esterna)