Skip to Content

Different CSS for same component in design studio

Hi team,

I want to apply two different set of CSS for two different radio button groups in the same dashboard.

For this, I have used the following CSS:

/*Radiobuttongroup1 */

.myRadiobutton{

}

.sapMLabel {

color: black;

font-size: 16px;

font-weight: normal;

}

/*Radiobuttongroup2 */

.myRadiobutton1{

/* color: white; */

}

.sapMLabel {

color: white;

font-size: 16px;

font-weight: normal;

}

I can still see that the first CSS class is overwritten by the second CSS class.

Any suggestions??

Regards

Sumit

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Best Answer
    Feb 21, 2017 at 11:10 AM

    Hi,

    I have corrected the above CSS code,

    /*Radiobuttongroup1 */

    .myRadiobutton.sapMLabel {

    color: black;

    font-size: 16px;

    font-weight: normal;

    }

    /*Radiobuttongroup2 */

    .myRadiobutton1.sapMLabel {

    color: white;

    font-size: 16px;

    font-weight: normal;

    }

    And apply above class name to each radio button. Please check and let me know.

    Regards,

    Vidhya.C

    Add comment
    10|10000 characters needed characters exceeded