Quantcast
Channel: SAP BusinessObjects Design Studio
Viewing all articles
Browse latest Browse all 662

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

$
0
0

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).

 

Click herefor 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/




Viewing all articles
Browse latest Browse all 662

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>