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 :

To report this post you need to login first.

25 Comments

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

  1. Nithyanandam Venu 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

    (0) 
  2. jake riley

    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.

    (0) 
  3. Agata L.

    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?

     

    (0) 
    1. Nithyanandam Venu 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

      (0) 
      1. Agata L.

         

        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?

         

        (0) 

Leave a Reply