Procedura: progettare una schermata HTML utilizzando Progettazione schermata

Tramite la finestra di progettazione dello schermo, è possibile modificare l'aspetto di pagine in un client HTML per un'applicazione di Visual Studio LightSwitch.Ad esempio, è possibile utilizzare la finestra di progettazione per eseguire le attività seguenti.

Campi e controlli

• 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.

• Mostrare o nascondere un elemento.

• Modificare il tipo di controllo di un elemento .

• Aggiungere un controllo personalizzato a una schermata.

• Annullare le modifiche.

Raccolta dei dati

• Modificare la modalità di visualizzazione dati di una raccolta durante il primo caricamento della schermata

• Abilitare o disabilitare il paging.

• Abilitare o disabilitare l'ordinamento.

• Abilitare o disabilitare la ricerca.

Aggiungere un gruppo di informazioni a una schermata

1. In Albero del contento della schermata, selezionare il nodo a cui si desidera aggiungere un gruppo di informazioni.

2. Nella barra degli strumenti Progettazione schermata, aprire l'elenco Aggiungi elemento di layout quindi scegliere Gruppo.

   Viene visualizzato un nuovo gruppo.

3. Nella finestra Proprietà, nella casella di testo Nome, un nome per il gruppo.

4. In Albero del contento della schermata, scegliere il nuovo gruppo, aprire l'elenco Aggiungi quindi selezionare gli elementi che si desidera visualizzare nel gruppo.

Modificare il layout di un gruppo

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

   Nell'elenco sono tutti tipi di controllo disponibili per il gruppo.

2. Nell'elenco, selezionare un tipo di controllo.

   Il tipo di controllo selezionate le 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

1. In Albero del contento della schermata, selezionare il nodo in cui si desidera che venga visualizzato il pulsante.

2. Nella barra degli strumenti Progettazione schermata, scegliere Aggiungi elemento di layoutquindi scegliere Button.

   Verrà visualizzata la finestra di dialogo Aggiungi pulsante.

Aggiungere un elemento

• In Elenco membri videoProgettazione schermata, trascinare un elemento (ad esempio, un campo o un comando) nella posizione appropriata in Albero del contento della schermata.

  Quando si trascina l'elemento, viene indicato se è possibile spostare l'elemento nella posizione specificata.Se le modifiche a un cerchio con una barra con, è il puntatore non possono eliminare la voce in quella posizione.

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

Rimuovere un elemento

1. In Albero del contento della schermata, selezionare l'elemento (ad esempio, un campo o un comando) che si desidera rimuovere.

2. Nella barra degli strumenti Progettazione schermata, scegliere il pulsante Elimina.

Spostare un elemento

• In Albero del contento della schermata, trascinare un elemento (ad esempio, un campo o un comando) in un percorso diverso.

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

  [!NOTA]

  Quando si trascina un campo, viene indicato se è possibile spostare l'elemento nella posizione specificata.Se le modifiche a un cerchio con una barra con, è il puntatore non possono spostare l'elemento nel percorso.

Modificare il nome visualizzato di un elemento

1. In Albero del contento della schermata, selezionare l'elemento (ad esempio, un campo o un comando).

2. Nella finestra Proprietà, nella casella di testo sotto Nome visualizzato, un nome diverso per l'elemento.

   Se si modifica il nome visualizzato di un elemento, modificare solo il nome visualizzato lo schermo.La proprietà di Name dell'elemento rimarrà invariato.

Modificare la posizione dell'etichetta di un elemento

1. In Albero del contento della schermata, scegliere il campo.

2. Nella finestra Proprietà, aprire l'elenco in Posizione etichettaquindi scegliere la posizione desiderata.

   Nella seguente tabella viene descritta ciascuna opzione.

   Posizione dell'etichetta	Descrizione
   Allineata a sinistra	L'etichetta viene visualizzata accanto a sinistra del controllo.
   Allineata a destra	L'etichetta viene visualizzata accanto a destra del controllo.
   Top	L'etichetta viene visualizzata al di sopra del controllo.
   Hidden	Nessuna etichetta viene visualizzato per il controllo.
   Nessuno	Nessuna etichetta viene visualizzato per il controllo e viene allineata l'etichetta è stata.

Modificare le dimensioni di un elemento

1. In Albero del contento della schermata, selezionare l'elemento (ad esempio, un campo o un comando).

2. Nella finestra Proprietà, in Ridimensionamento, scegliere una dimensione diversa per la larghezza e l'altezza del controllo.

   [!NOTA]

   Alcuni tipi di controlli non supportano le proprietà Height.

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

Mostrare o nascondere un elemento

1. In Albero del contento della schermata, selezionare l'elemento (ad esempio, un campo o un comando).

2. Nella finestra Proprietà, selezionare o deselezionare la casella di controllo per la proprietà Visibile.

   [!NOTA]

   L'etichetta (Non visibile) la finestra di progettazione viene visualizzata accanto agli elementi che non sono visibili quando l'applicazione viene eseguita.

Modificare il tipo di controllo di un elemento

• In Albero del contento della schermata, aprire l'elenco accanto all'elemento e quindi scegliere il tipo di controllo desiderato.

  La maggior parte dei tipi di controllo sono incorporati.È possibile impostare anche 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.

1. In Albero del contento della schermata, scegliere qualsiasi gruppo.

2. Nella barra degli strumenti Progettazione schermata, aprire l'elenco Aggiungi elemento di layout quindi scegliere Controllo personalizzato.

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

Annullare le modifiche

• Sulla barra dei menu, scegliere Modifica, Annulla.

  Suggerimento
  Se si annulla accidentalmente una modifica in Progettazione schermata, sulla barra dei menu, scegliere Modifica, Ripeti.

Modificare la modalità di visualizzazione dati di una raccolta durante il primo caricamento della schermata

1. In Elenco membri videoProgettazione schermata, selezionare il nodo padre di una raccolta, ad esempio OrderCollection e dirette).

2. Nel finestra Proprietà, deselezionare la casella di controllo Esecuzione automatica query se non si desidera che la raccolta mostri alcuni dati quando viene visualizzata la schermata.Selezionare la casella di testo Esecuzione automatica query se si desidera che la raccolta mostri i dati quando viene visualizzata la schermata.

Abilitare o disabilitare il paging.

1. In Elenco membri videoProgettazione schermata, selezionare il nodo padre di una raccolta, ad esempio OrderCollection e dirette).

2. Nella finestra Proprietà, deselezionare la casella di controllo Paging supportato se si desidera visualizzare tutte le righe di una query restituisce, anche se la raccolta di righe è grande.Selezionare la casella di controllo se si desidera limitare il numero di record che viene quindi specificare il numero di elementi da visualizzare in ogni pagina.

   [!NOTA]

   Gli utenti possono visualizzare ogni pagina di risultati scegliendo un collegamento nello schermo.

Abilitare o disabilitare l'ordinamento

1. In Elenco membri videoProgettazione schermata, selezionare il nodo padre di una raccolta, ad esempio OrderCollection e dirette).

2. Nella finestra Proprietà, selezionare o deselezionare la casella di controllo Ordinamento supportato.

Abilitare o disabilitare la ricerca.

1. In Elenco membri videoProgettazione schermata, selezionare il nodo padre di una raccolta, ad esempio OrderCollection e dirette).

2. Nella finestra Proprietà, selezionare o deselezionare la casella di controllo Ricerca supportata.

   Se si seleziona la casella di controllo, viene visualizzata una casella di ricerca della raccolta.

Vedere anche

Attività

Procedura: controllare la navigazione tra schermate HTML in un'applicazione LightSwitch

Procedura: aggiungere un pulsante a un client mobile per LightSwitch

Procedura: aggiungere un controllo personalizzato a una schermata HTML per un'applicazione LightSwitch

Concetti

Riferimento: proprietà della finestra di progettazione della schermata

Altre risorse

Schermate del client HTML per applicazioni LightSwitch