Putting it all together

Now it's time to build your first dashboard with CTools. These are the steps you should follow:

Create/change the layout: Create the responsive layout for the dashboard using the Bootstrap concepts we covered earlier and add resources (JavaScript and CSS) if necessary:

1. Define the data sources: Create the data sources with the queries and if necessary, include these parameters:

   • Add the parameters and components: Create the dashboard parameters, add the scripts (JavaScript code, if necessary), add the components to be displayed in the layout elements, and render the data coming from the queries. You will need to set the necessary properties:

     Set the parameter on the components that are in the groups of Selectors

     Set the data source and the parameters to use

     Set the listeners so that the components can be notified about parameter value changes and be updated

     Set all the other properties or, if necessary, some custom code

2. Overall improvements: This step is not mandatory,...