Differenze

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

--- gwusermanual:interface:style_and_icons:stili_ed_icone [2023/01/27 16:22]
giorgio.scali [Icone]
+++ gwusermanual:interface:style_and_icons:stili_ed_icone [2023/01/27 16:43] (versione attuale)
giorgio.scali
@@ Linea 1: / Linea 1: @@
 ===== Stili ed Icone =====
 **<color #ed1c24>Questa pagina è ufficiosa, in quanto la definizione delle regole di styling del framework è ancora in fase di completamento</color>**
+  * [[gwusermanual:interface:style_and_icons:stili_ed_icone#Stili]]
+    * [[gwusermanual:interface:style_and_icons:stili_ed_icone#Colori Font]]
+    * [[gwusermanual:interface:style_and_icons:stili_ed_icone#Colori Background]]
+  * [[gwusermanual:interface:style_and_icons:stili_ed_icone#Icone]]
+    * [[gwusermanual:interface:style_and_icons:stili_ed_icone#Icon type]]
+    * [[gwusermanual:interface:style_and_icons:stili_ed_icone#Icon style]]
+    * [[gwusermanual:interface:style_and_icons:stili_ed_icone#Icon colo]]
+    * [[gwusermanual:interface:style_and_icons:stili_ed_icone#Combinare i selettori css]]
+    * [[gwusermanual:interface:style_and_icons:stili_ed_icone#Stacked Icon]]
 ==== Stili ====
-Esistono regole css predefinite in geoweb che possono essere utilizzate in vari ambiti:
+Esistono regole css predefinite in geoweb che, oltre ad essere utilizzate nel framework,  possono essere utilizzate in vari ambiti di stilizzazione:
-  * valori widget html, widget htmlTemplate
+  * widget html, widget htmlTemplate
-  * valori nodi dom creati tramite le js api
+  * nodi dom creati tramite le js api
+  * componenti custom in plugin di geoweb
 Nelle Report Jasper al momento, pur essendo possibile scrivere del codice html, non è possibile utilizzare tag **class=""**, che vengono troncati, mentre si possono usare solo alcuni parametri del tag **style=""**, come **color** e **background**.
@@ Linea 154: / Linea 165: @@
 </code>
-=== Custom Icon ===
+=== Stacked Icon ===
 Fontawesome mente a disposizione potenti strumenti la stilizzazione delle icone, tra cui la possibilità di //rotazione//, //flip//, //sizing//, //stacking//, ed altro ancora
@@ Linea 205: / Linea 216: @@
 Per esempio l'icona sottostante, non complessa, che ha come base64: <code>eyJjc3NDbGFzcyI6ImZhLXNvbGlkIGZhLWdlYXIiLCJ3aWR0aCI6IjMycHgiLCJoZWlnaHQiOiIzMnB4IiwiY29sb3IiOiIjMDA3QUMyIn0=</code>
-{{ :custom:webadmin_stacked_icon_editor.jpg?1000 |}}
+{{ :custom:webadmin_icon_editor.jpg?1000 |}}
-dovrebbe essere scritta tramite le css predefinite:
+dovrebbe essere scritta tramite le css predefinite <code>fa-solid fa-gear icon32x32 gwMainColor</code>
-<code>
-fa-solid fa-gear icon32x32
+Cosi:
+<code html>
+...
+<menuBarItem name="settings" label="Settings" image="fa-solid fa-gear icon32x32 gwMainColor">
+...
+</menuBarItem>
+...
 </code>