Filtering container components can optimize report layout - vividime Community

Filter container component that allows you to put multiple filter components into a single container to optimize the dashboard layout.

The filter container component can be used only under free layout.

Multiple filter components are used in the dashboard, if they need to be put together in a specific layout, this component can be used.

Select Filter Container from Component > Auxiliary Component on the right and drag it to the canvas.

Click the blank cell inside the component, drag and drop the data columns to the data binding area, add two filter conditions by default, users can add more filter conditions according to actual needs.

You can also select a filter component that has been created, drag and drop it to the gray grid area of the filter container, and then release the mouse.

If you also need to drag and drop multiple filter components, you need to drag and drop the components to the blank area in the container, and then release the mouse, it will be added to the back in turn, as shown below:

The layout will be changed to drop-down list automatically after the filter component is added to the filter container, take drop-down list filter component as an example, the original layout is a list, as shown in the following figure:

The original layout is a list, as shown in the following figure: Dragged into the filter container, the layout will automatically change to a drop-down list, as shown in the following figure:

In the container, you can also switch the layout to list, but the height of the filter container will not change, you need to adjust the height of the container to show the options, as shown below:

Click Setting > Direction on the right side, select vertical and horizontal to set the direction of internal filtering component arrangement, the default is horizontal, as shown below:

The effect of vertical orientation is shown below:

Select the filter component in the filter container, click and drag it to the outside of the container, then release the mouse to move it out, if you need to delete it, you can delete the component after selecting it, as shown in the following figure:

After moving out the filter component, it will leave a blank cell, you can click More > Delete Blank Cells in the upper right corner of the filter container to delete it, as shown in the following figure: