{"id":2588,"date":"2014-05-01T20:37:54","date_gmt":"2014-05-01T19:37:54","guid":{"rendered":"http:\/\/www.hackingsap.com\/blog\/?p=2588"},"modified":"2014-05-02T17:29:24","modified_gmt":"2014-05-02T16:29:24","slug":"new-sapexperts-article-how-to-use-css-in-design-studio","status":"publish","type":"post","link":"https:\/\/www.hackingsap.com\/blog\/new-sapexperts-article-how-to-use-css-in-design-studio","title":{"rendered":"New SAPexperts article: How to Use CSS in Design Studio"},"content":{"rendered":"

I wrote another article for the SAPexperts<\/a> online knowledge base. In line with some of my recent posts here on my blog this one is all about CSS, but now more from a basic, 101 course standpoint.<\/p>\n

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. I also discuss how you can\u00a0change the default CSS styles of the standard Design Studio components.<\/p>\n

If you have an subscription to the SAPexperts BI hub you can check the article here<\/a>.<\/p>\n

\"sapexperts_bihub\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

I wrote another article for the SAPexperts online knowledge base. In line with some of my recent posts here on my blog this one is all about CSS, but now more from a basic, 101 course standpoint. In this article I give a basic introduction to the language of CSS and explain how it can […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[44,163],"tags":[176,164,252],"class_list":["post-2588","post","type-post","status-publish","format-standard","hentry","category-knowledge-sharing","category-sap-businessobjects-design-studio","tag-css","tag-design-studio","tag-sapexperts"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pKaa2-FK","jetpack-related-posts":[{"id":1902,"url":"https:\/\/www.hackingsap.com\/blog\/getting-ready-for-sap-design-studio-zen-with-codecademy","url_meta":{"origin":2588,"position":0},"title":"Getting ready for SAP Design Studio with Codecademy","author":"Xavier Hacking","date":"October 7, 2012","format":false,"excerpt":"Word got out that SAP BusinessObjects Design Studio (formerly named as ZEN) will be generally available next month! This week (9 October 2012) SAP is doing a Design Studio 1.0 Product roadmap webinar to explain this early GA and show us the future milestones of this product. If you're unfamiliar\u2026","rel":"","context":"In "Knowledge sharing"","block_context":{"text":"Knowledge sharing","link":"https:\/\/www.hackingsap.com\/blog\/category\/knowledge-sharing"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hackingsap.com\/blog\/wp-content\/uploads\/braceyourselveszen.jpeg?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hackingsap.com\/blog\/wp-content\/uploads\/braceyourselveszen.jpeg?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hackingsap.com\/blog\/wp-content\/uploads\/braceyourselveszen.jpeg?resize=525%2C300 1.5x"},"classes":[]},{"id":2572,"url":"https:\/\/www.hackingsap.com\/blog\/sap-design-studio-custom-scrollbars-css","url_meta":{"origin":2588,"position":1},"title":"Custom Scrollbars in SAP Design Studio","author":"Xavier Hacking","date":"April 26, 2014","format":false,"excerpt":"As we have seen in an earlier post we can enhance the looks of our SAP BusinessObjects Design Studio applications with the use of some CSS coding. In this post I will show you how to add scrollbars to Design Studio components and how to change the looks of them.\u2026","rel":"","context":"In "DIY"","block_context":{"text":"DIY","link":"https:\/\/www.hackingsap.com\/blog\/category\/diy"},"img":{"alt_text":"scollbar1","src":"https:\/\/i0.wp.com\/www.hackingsap.com\/blog\/wp-content\/uploads\/scollbar1.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2971,"url":"https:\/\/www.hackingsap.com\/blog\/sap-businessobjects-design-studio-the-comprehensive-guide-2nd-edition-coming-early-2016","url_meta":{"origin":2588,"position":2},"title":"SAP BusinessObjects Design Studio: The Comprehensive Guide (2nd edition) coming early 2016","author":"Xavier Hacking","date":"December 29, 2015","format":false,"excerpt":"SAP\u00a0Design Studio has changed and improved a lot over the past three years; arriving at version 1.6 last month. It was clear that our\u00a02013 book Getting Started with\u00a0SAP BusinessObjects\u00a0Design Studio needed a big update, as it included only the features up until Design Studio version 1.1. So the wait is\u2026","rel":"","context":"In "Books"","block_context":{"text":"Books","link":"https:\/\/www.hackingsap.com\/blog\/category\/books"},"img":{"alt_text":"design_studio_boek2_2","src":"https:\/\/i0.wp.com\/www.hackingsap.com\/blog\/wp-content\/uploads\/design_studio_boek2_2-221x300.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2537,"url":"https:\/\/www.hackingsap.com\/blog\/diy-css-navigation-buttons-in-sap-design-studio","url_meta":{"origin":2588,"position":3},"title":"DIY CSS navigation buttons in SAP Design Studio","author":"Xavier Hacking","date":"March 30, 2014","format":false,"excerpt":"In SAP BusinessObjects Design Studio you can use the container components like a Tabstrip or a Pagebook to organize your application. The Tabstrip component already includes the tabs for navigation between the pages. For the Pagebook component we have to create our own navigation buttons. You can use the standard\u2026","rel":"","context":"In "DIY"","block_context":{"text":"DIY","link":"https:\/\/www.hackingsap.com\/blog\/category\/diy"},"img":{"alt_text":"cssnav2","src":"https:\/\/i0.wp.com\/www.hackingsap.com\/blog\/wp-content\/uploads\/cssnav2.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2938,"url":"https:\/\/www.hackingsap.com\/blog\/a-look-at-design-studio-1-6-integrated-css-editor","url_meta":{"origin":2588,"position":4},"title":"A look at Design Studio 1.6: Integrated CSS editor","author":"Xavier Hacking","date":"November 29, 2015","format":false,"excerpt":"SAP BusinessObjects\u00a0Design Studio 1.6 has just been released, so it is time to really check out the new features myself! I'll start with one of the more hidden features in the previews\/roadmaps, but in my opinion a very imported productivity gainer: the integrated custom CSS-file editor. Using a custom CSS-file\u2026","rel":"","context":"In "SAP BusinessObjects Design Studio"","block_context":{"text":"SAP BusinessObjects Design Studio","link":"https:\/\/www.hackingsap.com\/blog\/category\/sap-businessobjects-design-studio"},"img":{"alt_text":"dscss1","src":"https:\/\/i0.wp.com\/www.hackingsap.com\/blog\/wp-content\/uploads\/dscss1.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2314,"url":"https:\/\/www.hackingsap.com\/blog\/getting-started-with-design-studio-book-now-available-coupon-code-in-post","url_meta":{"origin":2588,"position":5},"title":"Getting Started with Design Studio book now available (coupon code in post!)","author":"Xavier Hacking","date":"November 14, 2013","format":false,"excerpt":"Getting Started with\u00a0SAP BusinessObjects\u00a0Design Studio is available for order right now! If you haven't picked it up at the SAP Press book stand at SAP TechEd Las Vegas or Amsterdam you can get your copy now at SAP-Press.com. Make sure you use coupon code\u00a0QR7N5G when finishing your order, which will\u2026","rel":"","context":"In "Books"","block_context":{"text":"Books","link":"https:\/\/www.hackingsap.com\/blog\/category\/books"},"img":{"alt_text":"DesignStudioCover","src":"https:\/\/i0.wp.com\/www.hackingsap.com\/blog\/wp-content\/uploads\/DesignStudioCover-288x300.jpg?resize=350%2C200","width":350,"height":200},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/posts\/2588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/comments?post=2588"}],"version-history":[{"count":4,"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/posts\/2588\/revisions"}],"predecessor-version":[{"id":2593,"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/posts\/2588\/revisions\/2593"}],"wp:attachment":[{"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/media?parent=2588"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/categories?post=2588"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hackingsap.com\/blog\/wp-json\/wp\/v2\/tags?post=2588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}