4D Ajax Framework v11 Release 1 includes the ability to display preset queries using 2 different options (Tab and Sidebar). This example demonstrates how to enable and disable each option through the 4D Ajax Framework JavaScript API.

Step 1: Create a Data Grid
Step 2: Initiate the Queries as Tabs.


Step 3: Initiate the Queries as a Sidebar.

You can choose to put the sidebar on the left of right. We'll also hide the Tabs here. We'll get into that more in Step 4.


Step 4: Show and Hide our Queries!

We can show and hide our queries however we want!