Procedura: progettare una schermata HTML utilizzando Progettazione schermata

Articolo
06/10/2015

Utilizzando la finestra di progettazione della schermata, è possibile modificare l'aspetto delle schermate in un client HTML per un'applicazione di Visual Studio LightSwitch. Ad esempio, è possibile utilizzare il progettista per eseguire le attività seguenti.

Aggiungere una scheda a una schermata.
Aggiungere un gruppo di informazioni a una schermata.
Modificare il layout di un gruppo.
Aggiungere un pulsante.
Aggiungere un elemento.
Rimuovere un elemento.
Spostare un elemento.
Modificare il nome visualizzato di un elemento.
Modificare la posizione dell'etichetta di un elemento.
Modificare le dimensioni di un elemento.
Mostra o nascondi un elemento.
Modificare il tipo di controllo di un elemento.
Aggiungere un controllo personalizzato a una schermata.
Annullamento delle modifiche.
Abilitare o disabilitare il paging.

Aggiungere una scheda a una schermata

In Albero del contento della schermata aprire il menu di scelta rapida per il nodo Schede, quindi scegliere Aggiungi scheda.
Nella finestra Proprietà scegliere la proprietà Gruppo, quindi immettere un nome per la scheda.
Selezionare la proprietà Nome visualizzato e immettere il nome che verrà visualizzato nella scheda.
In Albero del contenuto della schermata scegliere la nuova scheda, aprire l'elenco Aggiungi, quindi selezionare gli elementi da visualizzare nella scheda.

Aggiungere un gruppo di informazioni a una schermata

In Albero del contenuto della schermata scegliere il nodo al quale si desidera aggiungere un gruppo di informazioni.
Sulla barra degli strumenti Progettazione schermata aprire l'elenco Aggiungi elemento di layout, quindi scegliere Gruppo.

Viene visualizzato un nuovo gruppo.
Nella casella di testo Nome della finestra Proprietà immettere un nome per il gruppo.
In Albero del contenuto della schermata scegliere il nuovo gruppo, aprire l'elenco Aggiungi e quindi selezionare gli elementi da visualizzare nel gruppo.

Modificare il layout di un gruppo

In Albero del contenuto della schermata aprire l'elenco per un gruppo che si desidera modificare.

L'elenco mostra tutti i tipi di controllo disponibili per il gruppo.
Selezionare un tipo di controllo nell'elenco,

Il tipo di controllo scelto influisce sul layout del gruppo. Per ulteriori informazioni su ogni tipo di controllo, vedere Riferimento: proprietà della finestra di progettazione della schermata.

Aggiungere un pulsante

In Albero del contenuto della schermata selezionare il nodo in cui si desidera visualizzare il pulsante.
Sulla barra degli strumenti Progettazione schermata scegliere Aggiungi elemento di layout, quindi scegliere Pulsante.

Viene visualizzata la finestra di dialogo Aggiungi pulsante.

Aggiungere un elemento

In Elenco dei membri schermata della finestra Progettazione schermata trascinare un elemento (ad esempio, un campo o un comando) nella posizione appropriata in Albero del contenuto della schermata.

Quando si trascina l'elemento, il puntatore indica se è possibile spostare l'elemento in una posizione specificata. Se il puntatore assume la forma di un cerchio con una barra che lo attraversa, non è possibile rilasciare l'elemento in quella posizione.

Per informazioni su come aggiungere campi personalizzati a una schermata, vedere Procedura: aggiungere una proprietà locale a una schermata HTML.

Rimuovere un elemento

In Albero del contento della schermata scegliere l'elemento che si desidera rimuovere (ad esempio, un campo o un comando).
Nella barra degli strumenti Progettazione schermata scegliere il pulsante Elimina.

Spostare un elemento

In Albero del contenuto della schermata trascinare un elemento (ad esempio un campo o un comando) in una posizione diversa.

Ad esempio, trascinare il campo PostalCode in modo che venga visualizzato nel campo Country oppure trascinare il pulsante Modifica in modo che venga visualizzato sul pulsante Elimina.

Nota

Quando si trascina un campo, il puntatore indica se è possibile spostare l'elemento in una posizione specificata.Se il puntatore assume la forma di un cerchio con una barra che lo attraversa, non è possibile spostare l'elemento in quella posizione.

Modificare il nome visualizzato di un elemento

In Albero del contento della schermata scegliere l'elemento (ad esempio, un campo o un comando).
Nella casella di testo al di sotto di Nome visualizzato della finestra Proprietà immettere un nome diverso per l'elemento.

Se si modifica il nome visualizzato di un elemento, modificare solo il nome visualizzato nella schermata. La proprietà Name dell'elemento rimane invariata.

Modificare la posizione dell'etichetta di un elemento

In Albero del contento della schermata scegliere il campo.

Nella finestra Proprietà, aprire l'elenco in Posizione etichetta, quindi selezionare la posizione desiderata.

Nella seguente tabella viene descritta ciascuna opzione.

Posizione dell'etichetta	Descrizione
Allineato a sinistra	L'etichetta è visualizzata accanto al lato sinistro del controllo.
Allineato a destra	L'etichetta è visualizzata accanto al lato destro del controllo.
Top	L'etichetta è visualizzata sopra il controllo.
Hidden	Non viene visualizzata alcuna etichetta per il controllo.
Nessuno	Non viene visualizzata alcuna etichetta per il controllo che viene allineato nel dove dovrebbe trovarsi l'etichetta.

Modificare le dimensioni di un elemento

In Albero del contento della schermata scegliere l'elemento (ad esempio, un campo o un comando).
Nella finestra Proprietà in Ridimensionamento scegliere dimensioni diverse per la larghezza e l'altezza del controllo.

Nota

Alcuni tipi di controlli non supportano le proprietà altezza.

Per ulteriori informazioni su ogni impostazione, vedere Riferimento: proprietà della finestra di progettazione della schermata.

Mostra o nascondi un elemento

In Albero del contento della schermata scegliere l'elemento (ad esempio, un campo o un comando).
Nella finestra Proprietà selezionare o annullare la selezione della la casella di controllo per la proprietà È visibile.

Nota

Nella finestra di progettazione l'etichetta (Non visibile) è visualizzata accanto agli elementi che non sono visibili quando l'applicazione è in esecuzione.

Modificare il tipo di controllo di un elemento

In Albero del contenuto della schermata, aprire l'elenco accanto all'elemento e selezionare il tipo di controllo desiderato.

La maggior parte dei tipi di controllo sono incorporati. È anche possibile impostare il tipo di controllo su un controllo personalizzato utilizzando altri strumenti. Per ulteriori informazioni, vedere Procedura: aggiungere un controllo personalizzato a una schermata HTML per un'applicazione LightSwitch.

Aggiungere un controllo personalizzato a una schermata

In Albero del contento della schermata scegliere qualsiasi gruppo.
Sulla barra degli strumenti Progettazione schermata, aprire l'elenco Aggiungi elemento di layout e scegliere Controllo personalizzato.

Per ulteriori informazioni, vedere Procedura: aggiungere un controllo personalizzato a una schermata HTML per un'applicazione LightSwitch.

Annullamento delle modifiche

Sulla barra dei menu scegliere Modifica, Annulla.

Suggerimento

Se si annulla accidentalmente una modifica nella finestra Progettazione schermata sulla barra dei menu scegliere ModificaRipeti.

Abilitare o disabilitare il paging.

In Elenco dei membri della schermata della finestra Progettazione schermata scegliere il nodo padre di una raccolta (ad esempio, l'intestazione OrderCollection ).
Nel finestra Proprietà deselezionare la casella di controllo Paging supportato se si desidera visualizzare tutte le righe restituite da una query anche se la raccolta di righe è grande. Selezionare la casella di controllo se si desidera limitare il numero di record visualizzato, quindi specificare il numero di elementi da visualizzare in ogni pagina.

Nota

Gli utenti possono visualizzare ogni pagina di risultati scegliendo un collegamento nella schermata.

Vedere anche

Condividi tramite