Lite Client Overview

Lite Client

Trail: PROIV Documentation > Developer > Lite Client > Lite Client Overview

The PROIV Lite Client is a browser-based client that can be embedded in an existing browser page to access PROIV screen functions. The components in those PROIV functions look and behave exactly like other components in the browser page. The data for the components being sent to and received from the PROIV function.

The Lite Client uses Bootstrap CSS and its responsive Fluid Grid to display the components in the PROIV screen function. This means that the components look and behave differently from the components in existing PROIV clients (Windows Client & Open Client).

The Fluid Grid

The Fluid Grid provides a ‘Responsive’ browser page that adapts its contents to the size of the browser that is displaying it. This means that the page contents should be usable for desktop, laptop, tablet and phone browsers. The use of the Fluid Grid has implications for the way the PROIV Lite Client displays components:

• In the Fluid Grid all components are sized by their percentage of a line. This means that components in a row are sized in relation to the other components in the row and not to the specified PROIV width.
• As the screen is re-sized then all components get re-sized and moved about. This may mean that a component is now no longer able to show all of its data, it may even be so small that no data is shown.
• PROIV components that are not visible have no representation on the screen. If a non-visible component is made visible then it will then take part in the screen and so will affect the position and size of other components on the screen. Making a component visible/not visible will cause other components to shuffle about.
• The Fluid Grid used by the Lite Client is based on a PROIV screen width of 80 columns. If components are outside this then they will cause the Fluid grid to use two or more rows for one PROIV screen row.
• The width of a component is based on the components in the same row on either side so to make a component wider you can move its column left or move the next component to the right. The last component in a row will use all the space up to the 80th column position.
• The widths of components in the Fluid Grid rows will be adjusted by the Lite Client so that components in the same PROIV column but different rows line up vertically. This may mean that changing components in one row may affect the positions or size of components in other rows.

Bootstrap CSS

The Lite Client uses the Bootstrap CSS to display its components. The Lite Client comes with the all the required Bootstrap files.

Comment on this topic

Topic ID: 870002