Concetto di stile visuale di pannello
copia linkTrascrizione
L’intera interfaccia grafica delle applicazioni sfrutta il linguaggio CSS per la visualizzazione degli elementi: quindi sorge subito spontanea una domanda: nel caso volessimo fare piccole modifiche grafiche siamo obbligati a conoscere il linguaggio Css?
Ad esempio volessi colorare lo sfondo di un campo di pannello, volessi colorarlo di Rosso devo conoscere il linguaggio CSS ? La risposta è NO; perché posso sfruttare un oggetto intermedio presente in Foundation denominato Stile Visuale.
Lo Stile visuale rappresenta l’unione di diverse regole CSS per la definizione grafica e ne gestisce anche i cambi di stato: chiarisco meglio questa cosa con un esempio.
Apriamo la videata Appartamenti e pensiamo di voler cambiare lo sfondo del campo di pannello Nome in Rosso: dobbiamo pensare che il campo di pannello, lo stesso campo di pannello, si può trovare in Lista e in Dettaglio, il campo di pannello si può’ trovare su una riga selezionata o su una riga non selezionata, potremmo avere la selezione proprio dentro al campo oppure no…quindi lo stesso campo ha diversi stati e vogliamo gestirli tutti nello stesso modo o vogliamo differenziarli?
Lo stile visuale gestisce tutto questo: dentro allo stesso stile visuale potremo dire come vogliamo lo sfondo di un campo quando si trova in lista o dettaglio, sulla riga selezionata oppure no etc etc…
Realmente in esecuzione tutti gli stili visuali vengono tradotti in style – inline applicati all’oggetto a seconda dello stato in cui l’oggetto si trova.
Dove sono nascosti gli stili visuali dunque? Sono nell’albero di progetto all’interno della Libreria Database (so che può sembrare strano ma ha un senso il perché si trovano li).
Abbiamo 3 tipologie differenti di Stili Visuali: Default Panel Style (Stili Visuali relativi ai pannelli), Default Report Style (Stili Visuali relative alle stampe) e Default Mobile Style (Stili Visuali utilizzati in applicazioni mobile).
Questi sono i 3 macro raggruppamenti: gli stili personalizzati dovranno essere figli di questi 3 stili: controllando dentro a Default Panel Style troviamo già degli elementi: si sono stili utilizzati di default dai pannelli che possiamo modificare per apportare modifiche globali.
La buona notizia è quindi quella che potete anche non conoscere il linguaggio CSS ma potrete comunque impostare graficamente l’applicazione.
Ad esempio volessi colorare lo sfondo di un campo di pannello, volessi colorarlo di Rosso devo conoscere il linguaggio CSS ? La risposta è NO; perché posso sfruttare un oggetto intermedio presente in Foundation denominato Stile Visuale.
Lo Stile visuale rappresenta l’unione di diverse regole CSS per la definizione grafica e ne gestisce anche i cambi di stato: chiarisco meglio questa cosa con un esempio.
Apriamo la videata Appartamenti e pensiamo di voler cambiare lo sfondo del campo di pannello Nome in Rosso: dobbiamo pensare che il campo di pannello, lo stesso campo di pannello, si può trovare in Lista e in Dettaglio, il campo di pannello si può’ trovare su una riga selezionata o su una riga non selezionata, potremmo avere la selezione proprio dentro al campo oppure no…quindi lo stesso campo ha diversi stati e vogliamo gestirli tutti nello stesso modo o vogliamo differenziarli?
Lo stile visuale gestisce tutto questo: dentro allo stesso stile visuale potremo dire come vogliamo lo sfondo di un campo quando si trova in lista o dettaglio, sulla riga selezionata oppure no etc etc…
Realmente in esecuzione tutti gli stili visuali vengono tradotti in style – inline applicati all’oggetto a seconda dello stato in cui l’oggetto si trova.
Dove sono nascosti gli stili visuali dunque? Sono nell’albero di progetto all’interno della Libreria Database (so che può sembrare strano ma ha un senso il perché si trovano li).
Abbiamo 3 tipologie differenti di Stili Visuali: Default Panel Style (Stili Visuali relativi ai pannelli), Default Report Style (Stili Visuali relative alle stampe) e Default Mobile Style (Stili Visuali utilizzati in applicazioni mobile).
Questi sono i 3 macro raggruppamenti: gli stili personalizzati dovranno essere figli di questi 3 stili: controllando dentro a Default Panel Style troviamo già degli elementi: si sono stili utilizzati di default dai pannelli che possiamo modificare per apportare modifiche globali.
La buona notizia è quindi quella che potete anche non conoscere il linguaggio CSS ma potrete comunque impostare graficamente l’applicazione.
Ultima modifica: 24/03/2021 / Validità: da 20.0.7800
