Dynamically switching between reports using an iFrame

In this recipe, we will have a look at how to use one report as a container to call or display different reports. We will use an HTML element called iFrame that allows the browser window to be split into segments. Each segment can be updated separately.

We will give users the ability to choose which report contents to display and allow them to toggle between two reports by clicking on the appropriate button. You can build upon this idea to create many practical solutions such as displaying help, toggling graphs, and providing tabs to display different reports.

Getting ready

Create a simple list report with product-related columns (the product query subject) and save it as iFrame–Products.

Create another simple list report with retailer-related columns (the retailer query subject) and save this report as iFrame–Retailers.

How to do it...

In this recipe we will see how to use the HTML element called iFrame to split the browser window into segments...