Skip to Content

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:



Dropdown & listbox:



Dimension Filter:

Radio Button:



Chart customization:




Print CSS:

Responsive CSS:

Animation and transition:

Tips and tricks:

Crazy & Cool CSS :

To report this post you need to login first.


You must be Logged on to comment or reply to a post.

  1. Former Member 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.



    1. Former Member Post author

      Hi Bryn,

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


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

  3. Former Member


    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?


    1. Former Member 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.



      1. 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?


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




Leave a Reply