Web Application Generator

The List Box can be used to display a scrollable list of options. Only one option can be selected at a time.

The Supplier Company Name field on the Products edit form is configured with Lookup item style.

Let’s change the lookup style of the field into a List Box.

Start the Project Designer. In the Explorer, switch to the Controllers tab, and double-click on Products / Fields / SupplierID field node.

Change the following properties:

Press OK to save the field, and select Browse on the tool bar.

When the web application opens in your default web browser, navigate to the Products page and edit a record. The SupplierID field will have List Box item style. The list box displays five rows by default.

You can change the number of rows displayed on the form. At the top of the Designer window, switch to the Data Fields tab. Change all data fields:

On the tool bar, click on Browse. The Supplier Company Name list box now shows more options.

Data fields can be hidden if a JavaScript expression evaluates as true.

Let’s only display the Region field in the Customers edit form when the Country of the customer is “USA”.

Start the Project Designer. In the Project Explorer, navigate to Customers / container1 / view1 / editForm1 / c1 – Customers / Region data field node.

Change the following property:

Press OK to save the data field. On the toolbar, press Browse to generate the web application.

In the web browser, navigate to the Customers page. Select a customer that does not have Country of “USA”. The Region field will not be available on the form.

Now, select a customer from USA. The Region field will be visible.

Visibility of data fields can be controlled in form views only.