Filter Panel for Dashboards | Syncfusion Blogs
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (173).NET Core  (29).NET MAUI  (203)Angular  (107)ASP.NET  (51)ASP.NET Core  (82)ASP.NET MVC  (89)Azure  (40)Black Friday Deal  (1)Blazor  (211)BoldSign  (13)DocIO  (24)Essential JS 2  (106)Essential Studio  (200)File Formats  (65)Flutter  (132)JavaScript  (219)Microsoft  (118)PDF  (81)Python  (1)React  (98)Streamlit  (1)Succinctly series  (131)Syncfusion  (897)TypeScript  (33)Uno Platform  (3)UWP  (4)Vue  (45)Webinar  (50)Windows Forms  (61)WinUI  (68)WPF  (157)Xamarin  (161)XlsIO  (35)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (8)Business intelligence  (55)Button  (4)C#  (146)Chart  (127)Cloud  (15)Company  (443)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (63)Development  (618)Doc  (8)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (39)Extensions  (22)File Manager  (6)Gantt  (18)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (501)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (42)Performance  (12)PHP  (2)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (12)Road Map  (12)Scheduler  (52)Security  (3)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (31)Solution Services  (4)Spreadsheet  (11)SQL  (10)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (112)UI  (381)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (31)Visual Studio Code  (17)Web  (582)What's new  (323)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)

Filter Panel for Dashboards

The filter panel is a collapsible panel in dashboards to accommodate frequently used filter widgets. This ensures the dashboard space is dedicated to visualization widgets.

Changing order count through dedicated filter panel

Any number of filter widgets is configurable in this filter panel as it is vertically scrollable and there is no space limitation. Plus, each can be connected to a different data source.

To add a filter panel to a dashboard from the Dashboard Designer canvas, click the Configure Filter Panel button in the toolbar at the top.

Adding dimensions and expressions, each representing widget data, to the filter region

The widget in the filter panel can be defined based on the column type.

Selecting the appropriate filter widget and its properties

In the case of multi-tab dashboards, each dashboard tab can be configured to have a similar dedicated filter panel.

 

Dedicated filter panel for each tab in a multi-tab dashboard

The filters added to this panel will act as a master for all other visualization widgets previously added to the canvas. The listener configuration can be customized through the Dashboard Filters Configuration options.

Dashboard Filters Configuration Window

You can refer here for more details about configuring and working with the filter panel. To programmatically control the filter panel attributes like the panel icon, collapse and expand actions, and more at the ejDashboardViewer control level using the Dashboard Platform SDK, refer here.

Tags:

Share this post:

Popular Now

Be the first to get updates

Subscribe RSS feed