Skip to Content
Author's profile photo Nithyanandam Venu

List of CSS for SAP Design studio

This document lists the useful CSS discussions,documents and posts. Feel free to send me if you create one or find one. I will add them to this list. Any Latest additions will be highlighted  



How to fInd and change CSS:

Adding Multiple CSS files:

Crosstab:

Grid:

Dropdown & listbox:

Scorcard:



Navigation:



Dimension Filter:



Radio Button:



Spreadsheet:



Button:


Chart customization:

Tabstrip

Textbox:

Checkbox:

Print CSS:

Responsive CSS:

Animation and transition:

Tips and tricks:

Crazy & Cool CSS :

Assigned Tags

      27 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Former Member
      Former Member

      Nithyanandham


      Great work in bringing all at one place!

      Thanks

      Author's profile photo Nithyanandam Venu
      Nithyanandam Venu
      Blog Post Author

      Hi karthik,

      Thanks for the comment 🙂

      Thanks,
      Nithyanandam

      Author's profile photo Former Member
      Former Member

      very useful, great work!

      Thanks

      Author's profile photo Former Member
      Former Member

      Very good compilation.. thank you!

      Author's profile photo Nithyanandam Venu
      Nithyanandam Venu
      Blog Post Author

      Thank you guys 🙂

      Author's profile photo Harshil Joshi
      Harshil Joshi

      Thanks Venu for making it into ONE place.

      Author's profile photo Former Member
      Former Member

      Thanks!!

      I suggest to put this great post too. 🙂

      Customize your layout in SAP BusinessObjects Design Studio

      Author's profile photo Nithyanandam Venu
      Nithyanandam Venu
      Blog Post Author

      Hi Alfred,

      Thanks for suggestion. Added 🙂

      Thanks,
      Nithyanandam

      Author's profile photo pramod matam
      pramod matam

      hi,

      thanks for adding this got lot of information at once.

      Author's profile photo Nithyanandam Venu
      Nithyanandam Venu
      Blog Post Author

      Hi Pramod,

      Thanks for the feedback 🙂

      Thanks,

      Nithyanandam

      Author's profile photo Former Member
      Former Member

      Hi Nithyanandam,

      Great to bring everything at one place 🙂

      Regards,

      Subash

      Author's profile photo Nithyanandam Venu
      Nithyanandam Venu
      Blog Post Author

      Hi Subash,

      Thanks for the comments 🙂

      Thanks,

      Nithyanandam

      Author's profile photo Varun Anand
      Varun Anand

      Very useful !

      Author's profile photo Nithyanandam Venu
      Nithyanandam Venu
      Blog Post Author

      Thanks Varun for your comments.

      Author's profile photo Nithyanandam Venu
      Nithyanandam Venu
      Blog Post Author

      Hi Usman,

      It will be good if you have place it as discussion with few screenshots. So that we can understand more better and will able to provide solution.

      Thanks,

      Nithyanandam

      Author's profile photo Former Member
      Former Member

      i actually asked a new question and someone replied with a correct soltuion, but i am having a glitch in Design Studio. Please advise to the following discussion if you know of any solution

      Re: Show/hide Measures within a component (Line Chart) using Checkbox

      Author's profile photo Alec De Witt
      Alec De Witt

      You did great job

      Raja Vasireddy

      Author's profile photo Nithyanandam Venu
      Nithyanandam Venu
      Blog Post Author

      Thanks Alec !

      Author's profile photo Bryn Evans
      Bryn Evans

      Hi Nithyanandam,
      Tried you link to wrapping text in crosstab but it doesn't work.
      Can you correct it please.
      Thanks
      Bryn

       

      Author's profile photo Nithyanandam Venu
      Nithyanandam Venu
      Blog Post Author

      Hi Bryn,

      The post must have been removed while migration. Will try to go through the list and remove the dead links.

      Thanks,
      Nithyanandam

      Author's profile photo Former Member
      Former Member

      How do you adjust the display of a Filter Line? I like the concept but the size of the bubbles take up too much real estate for me to consider using them.

      Author's profile photo Nithyanandam Venu
      Nithyanandam Venu
      Blog Post Author

      Hi jake,

      Are you telling about Filter panel, more details would be helpful.

      Thanks,
      Nithyanandam

      Author's profile photo Former Member
      Former Member

      Hiya,

      I think a lot of CSS which worked fine for the old Chart component, no longer works for the new InfoChart, such as changing column/bar colour. I wonder if anyone has any suggestions as to the new code that is required?

       

      Author's profile photo Nithyanandam Venu
      Nithyanandam Venu
      Blog Post Author

      Hi Lukas,

      There might be few changes in the classes name which you can figure it out using the Developer console. Will try to go through it, let me know if you any particular use case you looking for.

      Thanks,

      Nithyanandam

      Author's profile photo Former Member
      Former Member

       

      Yes, I need to change colour of one column of an InfoChart and the old CSS code is no longer working and I have not been able to figure out the new code.

       

      The old code would be:

      .chart-style-1 g.v-m-main g.v-m-plot g.v-column:nth-child(1) .v-datapoint.v-morphable-datapoint {fill: #aa005f;}

      it no longer works. Instead, I am trying:

      .chart-style-1 g.v-m-main g.v-m-plot g.v-datapoint-group .v-datapoint.v-morphable-datapoint rect {fill: #aa005f;}

      but it changes all columns, I can’t target the first-child whatever I try.

      Can you please help?

       

      Author's profile photo Marco Jehle
      Marco Jehle

      Hey, did you manage to solve your issue?

      I'm having the same problem.

      Author's profile photo Former Member
      Former Member

      Hi All,

       

      is there any way to control the filter size and inside text with css code in SAP UI version. was able find css for dimension filter popup but not for this.

       

      Let me know in case if any one used.

       

      Thanks in advance

      Ragards,

      Kumar