Skip to Content

Alternate Row Color,Scroll Bar And Thumb Css In DS1.6

Hi Expert's,

I have Requirement To Change Alternate Row Colour Change ,Scroll Bar And Thumb of Score Card In Sap Design Studio I have Written CSS for Alternate Colour but It is effecting for Header Row's Only Not Effecting for Data Row's.For Cross By using Css I am getting Alternate Row colour's.

CSS I have written for alternate row color:

.sapUiTableRowHdr:nth-child(odd), .sapUiTableCtrl tr.sapUiTableRowEven {

background-color: #CCFFCC !important;

}

.sapUiTableRow:nth-child(odd), .sapUiTableCtrl tr.sapUiTableRowEven {

background-color: #ff0000!important;

}

.sapUiTableCtrl tr.sapUiTableRowEven {

background-color: #ff0000!important;

}

I have Written CSS for scroll bar and scroll bar thumb But It is effecting for both score Card and Cross tab.

CSS for Scroll Bar and Thumb :

.sapXTableMain,.sap-desktop ::-webkit-scrollbar-thumb {

background-color: #007cc0;

}

.sap-desktop ::-webkit-scrollbar {

background-color: #DA1242;

}

Colud you Please Help On this And provide CSS Classes of Score Card It will helpful for further .

I have Searched But I didn't find Any solution for this.

Design Studio 1.6 - Visualizing Row Selections in Scorecard

Best Regard's,

Sathish.

Add a comment
10|10000 characters needed characters exceeded

Related questions

1 Answer

  • Best Answer
    Posted on Apr 22, 2016 at 04:44 AM

    Hi Sathis Babu,

    Instead of this css

    .sapUiTableRowHdr:nth-child(odd), .sapUiTableCtrl tr.sapUiTableRowEven {

    background-color: #CCFFCC !important;

    }

    try to be specific to the component for example it would be something like this

    #YOURCOMPONENTNAME .sapUiTableRowHdr:nth-child(odd), .sapUiTableCtrl tr.sapUiTableRowEven {

    background-color: #CCFFCC !important;

    }

    So that, it will affect only the component you mention.

    Thanks,

    Nithyanandam

    Add a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.