English
Instant Developer Foundation Documentazione
  • Tutorial applicazioni web
  • Interfaccia utente

Riquadri di una videata

copia link
<< Video precedente
Apri in una finestra a tutto schermo.
Video successivo >>

Trascrizione

Abbiamo lasciato nel progetto la videata vuota, nell’attesa di comprendere la logica dei riquadri, beh possiamo paragonare i riquadri a frame (cornici) dove è possibile visualizzare elementi grafici e dati differenti.

Nella scheda progettazione videate è presente, nella parte superiore, una toolbar di progettazione: ci aiuterà a inserire elementi all’interno delle videate, e ad eseguire operazioni sui riquadri; in questo momento a noi interessano i pulsanti evidenziati ora: entrambi agiscono sui riquadri e precisamente a dividere orizzontalmente oppure verticalmente il riquadro selezionato.

Proviamo, prima di tutto selezioniamo, con un click, il riquadro che ci interessa dividere (è anche l’unico che abbiamo), e usiamo il pulsante di separazione orizzontale, come vedete si sono creati 2 aree una a sinistra e una a destra; potremmo visualizzare qualcosa di simile: un albero a sinistra e un elenco a destra.

Proseguiamo, perché a destra vorrei poter disegnare una lista sopra e un grafico sotto, quindi dovrei dividere verticalmente il riquadro di destra: selezioniamo il riquadro con un click, e poi usiamo il pulsante, ecco i nostri 3 riquadri pronti, potremmo in effetti visualizzare qualcosa di simile a questo.

La videata potrà quindi essere disegnata come meglio si crede per contenere i dati che si desidera…ora per tornare alla situazione originale, cioè un solo riquadro, come facciamo a eliminare i riquadri? basta posizionarsi sul riquadro che si desidera eliminare, tasto destro Elimina.

All’interno di questi riquadri dobbiamo ora imparare ad aggiungere altri oggetti, oggetti che servono a mostrare o modificare dati.

Ultima modifica: 23/03/2021 / Validità: da 20.0.7800

Hai trovato utile l'articolo?

Grazie per il feedback!

Ti serve altro aiuto?

Consulta il Forum

Vedi anche

    Scarica il progetto di esempio You Bb Project.zip