Tutorial: Grid with fixed toolbar

 

In this example, we are going to develop a report using a fixed toolbar on the top so we can scroll down the records by always seeing the toolbar.

  

Creating a new Grid

1. We will create a new Query application

2. Then we will select the table “orders”.

Formatting the Grid layout

1. In the initial modules, let’s uncheck the “details” module and into the “grid” module let’s change the “lines per page” to 30.

2. In the “Field Positioning” menu, select to display the fields as shown in the image below.

3. Now let’s configure the toolbar accessing the corresponding item into the main menu. Then access the “options” tab to change the options “Fix top toolbar” and “Fix bottom toolbar”.

4. Now click on “Run Application”.

Tutorials in the same category

Card View HTML

  This tutorial demonstrates how to create a Grid application using the “User defined” ori...

Evaluation Field in the Grid

In this tutorial, you will see how to use the evaluation fields in a Grid application.  We ...

Evaluation Field in Summary

In this tutorial, you will see how to create a Summary by using the evaluation fields. We can use ...

Field grouping

  ol{margin:0;padding:0}table td,table th{padding:0}.c7{background-color:#ffffff;padding-top...

Comment this post