SAP Design Studio Tips & Tricks #4 – Collapsible panels for richer user experience
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:
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.
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).
Click here for a detailed document.
Also visit
SAP Design Studio Tips and Tricks #1: Swapping charts into focus on-demand
SAP Design Studio Tips and Tricks #2: Dynamic Thumbnails for better performance and usability
SAP Design Studio Tips and Tricks #3: Resizable charts for better usability and experience
Source: http://www.visualbis.com/blogs/design-studio/2013/10/16/sap-design-studio-tips-tricks-4/
I guess I am a little confused as to what you are showing and how you accomplished this. Perhaps for the next round, I recommend considering creating a document on SCN to show how you did this. I clicked on the link to the Visual BI site and quite honestly I still didn't follow.
Thank you for your time and consideration.
Regards,
Tammy
Hi Tammy,
Thank you for viewing the blog and sharing your comments. We will be creating a follow up document on SCN providing further details on the same.
Thanks and Regards,
Aakanksha