How to Use CSS in Design Studio

  • by Xavier Hacking, SAP BI Consultant, Interdobs B.V.
  • April 29, 2014
Learn about Cascading Style Sheets (CSS) and the benefits of using them in combination with Design Studio. Also learn how to use CSS with the different Design Studio installation types and how to edit the CSS styling of the standard Design Studio components.
Learning Objectives

Reading this article you will learn:

  • About the concept of cascading style sheets (CSS)
  • How to write and apply your own CSS styles within Design Studio applications
  • How to upload a custom CSS file to an SAP BusinessObjects BI4 and SAP NetWeaver BW environment
  • How to change the default CSS styles of the standard Design Studio components
Key Concept
By using Cascading Style Sheets (CSS), Design Studio developers can fine-tune the looks of their Design Studio applications. A Custom CSS file can support a company-wide styling for a Design Studio application from a single, central place.

Design Studio is a toolset to create dynamic and interactive BI applications and dashboards. With connectivity options to SAP NetWeaver BW, UNX universes, and SAP HANA, Design Studio supports a wide selection of SAP-related data sources. Since Design Studio applications are fully HTML5 compatible, applications can run on almost any mobile device. Design Studio comes with a standard look and feel and has a very basic set of formatting options built in. With the help of Cascading Style Sheets (CSS), however, you have the ability to customize the look of Design Studio applications.

In this article, I give a basic introduction to the language of CSS and explain how it can be used in combination with Design Studio, either on a local installation or with a connection to an SAP BusinessObjects BI4 platform or an SAP NetWeaver BW environment. The contents of this article are based on Design Studio version 1.2.

Xavier Hacking

Xavier Hacking is a SAP BI specialist from Eindhoven, The Netherlands, working as a consultant for Interdobs. He has a Master’s degree in Industrial Engineering and Management Science from the Eindhoven University of Technology. He has worked with a wide range of products from the current SAP BW and SAP BusinessObjects toolset, with a focus on dashboard and application development within SAP environments. Xavier is the co-author of four SAP BI-related books, including SAP BusinessObjects Design Studio – The Comprehensive Guide and SAP BusinessObjects Dashboards 4.1 Cookbook. He blogs on all sorts of BI-related topics at and you can follow him on Twitter at @xjhacking.

See more by this author


No comments have been submitted on this article. 

Please log in to post a comment.

To learn more about subscription access to premium content, click here.