Creazione e modifica stili visuali
copia linkTrascrizione
Vorremmo definire uno stile visuale che colori in maniera differente il campo di pannello Nome presente nella videata Appartamenti.
Dobbiamo prima di tutto creare uno stile Visuale; Albero di progetto -> Libreria Database -> Default panel Style => Tasto Destro Aggiungi Stile Visuale.
Compare una scheda nell’area di progettazione, una scheda che sembra abbastanza complicata ma noi iniziamo con l’operazione più semplice: assegniamo un nome allo stile chiamiamolo Rosso Bianco.
Vogliamo impostare un colore di sfondo Rosso e un colore testo Bianco e poi andremo ad applicarlo al campo di pannello.
Come dobbiamo leggere questa scheda? Partiamo dai Radio presenti: Lista, Dettaglio e Bordi Personalizzati; selezionando questi radio cambia l’anteprima visualizzata nell’area sottostante; quindi avremo l’anteprima per il campo quando si trova in Lista quando si trova in Dettaglio e quali Bordi avrà applicato.
Anteprima Dettaglio è la più semplice e chiara, mostra il campo e l’etichetta nei due stati con la selezione o senza la selezione; l’anteprima Lista invece contiene una griglia: l’idea è quella di avere un'anteprima di tutti gli stati possibili di un campo in lista: ogni cella rappresenta uno stato, tra l’altro le celle sono cliccabili e notate ad ogni click cambia la voce nella casella a discesa sottostante: Celle di anteprima e Casella a discesa sono collegate, aprendo la casella a discesa scopriamo tutte le variazioni possibili Testo dei campi, Sfondo dei campi etc…
Se vogliamo cambiare lo Sfondo campi scegliamo Sfondo Campi e poi con il picker scegliamo il colore Rosso, ecco notate l’anteprima si è aggiornata, si ma oltre allo sfondo cambiamo il Testo Campi e mettiamo Bianco.
Se la lista sembra corretta, guardiamo il Dettaglio, si ha riportato in automatico gli stessi colori altrimenti potevamo modificarli manualmente.
Non sono certo sia tutto perfetto ma facciamo cosi, salviamo e andiamo ad applicare lo stile visuale al campo di pannello Nome: niente di più semplice tra le proprietà del campo di pannello troviamo la casella Stile Visuale e con la casella a discesa scegliamo Rosso Bianco.
L’anteprima non sembra perfetta però’ continuiamo, mandiamo in esecuzione e vediamo l’effetto.
Apriamo videata Appartamenti ed ecco la lista, direi che non ci siamo.
Il pannello è bloccato e il colore non c'è’, sbloccando il pannello viene impostato il rosso ma in maniera alternata e non viene applicato sulla riga attiva, non è perfetto, torniamo al progetto e modifichiamo lo stile visuale Rosso Bianco: doppio clic su Rosso Bianco, dobbiamo controllare tutte le voci dello sfondo abbiamo Sfondo Righe Alternate, Sfondo Riga Attiva etc dobbiamo impostare il rosso un po’ dappertutto (a meno che non vogliamo differenziare con altri colori).
Salviamo e mandiamo di nuovo in esecuzione: ecco aprendo la videata Appartamenti notiamo che adesso la lista è corretta.
Dobbiamo prima di tutto creare uno stile Visuale; Albero di progetto -> Libreria Database -> Default panel Style => Tasto Destro Aggiungi Stile Visuale.
Compare una scheda nell’area di progettazione, una scheda che sembra abbastanza complicata ma noi iniziamo con l’operazione più semplice: assegniamo un nome allo stile chiamiamolo Rosso Bianco.
Vogliamo impostare un colore di sfondo Rosso e un colore testo Bianco e poi andremo ad applicarlo al campo di pannello.
Come dobbiamo leggere questa scheda? Partiamo dai Radio presenti: Lista, Dettaglio e Bordi Personalizzati; selezionando questi radio cambia l’anteprima visualizzata nell’area sottostante; quindi avremo l’anteprima per il campo quando si trova in Lista quando si trova in Dettaglio e quali Bordi avrà applicato.
Anteprima Dettaglio è la più semplice e chiara, mostra il campo e l’etichetta nei due stati con la selezione o senza la selezione; l’anteprima Lista invece contiene una griglia: l’idea è quella di avere un'anteprima di tutti gli stati possibili di un campo in lista: ogni cella rappresenta uno stato, tra l’altro le celle sono cliccabili e notate ad ogni click cambia la voce nella casella a discesa sottostante: Celle di anteprima e Casella a discesa sono collegate, aprendo la casella a discesa scopriamo tutte le variazioni possibili Testo dei campi, Sfondo dei campi etc…
Se vogliamo cambiare lo Sfondo campi scegliamo Sfondo Campi e poi con il picker scegliamo il colore Rosso, ecco notate l’anteprima si è aggiornata, si ma oltre allo sfondo cambiamo il Testo Campi e mettiamo Bianco.
Se la lista sembra corretta, guardiamo il Dettaglio, si ha riportato in automatico gli stessi colori altrimenti potevamo modificarli manualmente.
Non sono certo sia tutto perfetto ma facciamo cosi, salviamo e andiamo ad applicare lo stile visuale al campo di pannello Nome: niente di più semplice tra le proprietà del campo di pannello troviamo la casella Stile Visuale e con la casella a discesa scegliamo Rosso Bianco.
L’anteprima non sembra perfetta però’ continuiamo, mandiamo in esecuzione e vediamo l’effetto.
Apriamo videata Appartamenti ed ecco la lista, direi che non ci siamo.
Il pannello è bloccato e il colore non c'è’, sbloccando il pannello viene impostato il rosso ma in maniera alternata e non viene applicato sulla riga attiva, non è perfetto, torniamo al progetto e modifichiamo lo stile visuale Rosso Bianco: doppio clic su Rosso Bianco, dobbiamo controllare tutte le voci dello sfondo abbiamo Sfondo Righe Alternate, Sfondo Riga Attiva etc dobbiamo impostare il rosso un po’ dappertutto (a meno che non vogliamo differenziare con altri colori).
Salviamo e mandiamo di nuovo in esecuzione: ecco aprendo la videata Appartamenti notiamo che adesso la lista è corretta.
Ultima modifica: 19/03/2021 / Validità: da 20.0.7800
