How to: Create an HTML Client Screen

For the latest documentation on Visual Studio 2017, see Visual Studio 2017 Documentation.

Create a screen or set of screens to display or collect information on a mobile device.

To create a screen

In Solution Explorer, choose the HTML Client project node.
On the menu bar, choose Project, Add Screen.

The Add New Screen dialog box appears.
Under Select a screen template, choose the type of screen that you want to create.

For more information, see Choosing a Screen Type.
In the Screen Name text box, name the screen.
In the Screen Data list, choose the entity or query that will specify what data appears on the screen.
If the Additional Data to Include section appears, select the check boxes for any related data that you want to display on the screen.

Note

The Additional Data to Include section appears only if you’re creating a View Details Screen or a Add/Edit Details Screen screen.

This section lists entities or tables that relate to the data that you specified in the previous step. If you selected the check box for a query in the previous step, this section lists entities or tables that relate to the source data of the query that you selected. For more information about related data, see How to: Define Data Relationships.
Choose the OK button to close the Add New Screen dialog box.

Your new screen appears in the screen designer.

In Solution Explorer, choose the HTML Client project node.
On the menu bar, choose Project, Add Screen.

The Add New Screen dialog box appears.
Under Select a screen template, choose Common Screen Set.

For more information, see Choosing a Screen Type.
In the Screen Name text box, name the screen.
In the Screen Data list, choose the entity or query that will specify what data appears on the screens.
If the Additional Data to Include section appears, select the check boxes for any related data that you want to display on the screens.

This section lists entities or tables that relate to the data that you specified in the previous step. If you selected the check box for a query in the previous step, this section lists entities or tables that relate to the source data of the query that you selected. For more information about related data, see How to: Define Data Relationships.
Choose the OK button to close the Add New Screen dialog box.

Your new Browse screen appears in the screen designer. A new node for your screen set appears in Solution Explorer with nodes for the new AddEdit, Browse, and View screens.