Blogs / Tips and Tricks / SAP Design Studio Tips & Tricks #4 – Collapsible panels for richer user experience

SAP Design Studio Tips & Tricks #4 – Collapsible panels for richer user experience

Oct 16, 2013

SHARE

SAP Design Studio Tips & Tricks Series

Traditional dashboards tend to have selection panel(s) on the left or on the top. However with mobile dashboards every pixel is a luxury, and jQuery-like collapsible (or sliding) panels turn out to be an attractive option.

SAP Design Studio supports collapsible selectors that could be controlled through BIAL (BI Action Language) scripting. Consider the following application:

SAP Design Studio Tips & Tricks #4 – Collapsible panels for richer user experience

When the filter icon on the top-left is clicked, the selection panel slides in, and other controls resize to accommodate the pane. Clicking the filter icon again causes the panel to slide out.

SAP Design Studio Tips & Tricks #4 – Collapsible panels for richer user experience


If you are considering migration from SAP Dashboards to SAP Design Studio, you should review the design principles rather than replicating the design used in SAP Dashboards. For example, it is not possible to design exactly similar collapsible panels in SAP Dashboards. This demonstrates that what worked for one tool (SAP Dashboards) may not work for another (SAP Design Studio).


Corporate HQ:
5920 Windhaven Pkwy, Plano, TX 75093

+1 888-227-2794

+1 972-232-2233

+1 888-227-7192

solutions@visualbi.com


Copyright © Visual BI Solutions Inc.

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Join our mailing list to receive the latest news and updates from our team.

You have Successfully Subscribed!

Share This!

Share this with your friends and colleagues!