cancel
Showing results for 
Search instead for 
Did you mean: 

Design Studio 1.6 : how to center a Radio Button Group in a Panel

hans_segers
Advisor
Advisor
0 Kudos

Dear all,

I'm configuring a Radio Button Group.

How could you center a Radio Button Group in a Panel ?

Many thanks for sharing your ideas.

Hans

Design Studio 1.6 SP04 Patch 1 - NetWeaver deployment

Accepted Solutions (0)

Answers (2)

Answers (2)

hans_segers
Advisor
Advisor

Add this in your custom css file :

/*** Radio Button Group ***/

.sapMRbG {

display: block;

margin: auto;

width: 40% !important;

}

TammyPowlas
Active Contributor

Hans - I haven't tried your CSS - but why not place the radio button group inside a panel and center the group inside the panel?

hans_segers
Advisor
Advisor
0 Kudos

Hi Tammy, thanks for your reply.

I do not see how to center a Radio Button Group inside a Panel without CSS.

I managed doing that with this CSS :

/*** Radio Button Group ***/

.sapMRbG {

width: 100%;

justify-content: center;

display: flex;

}

TammyPowlas
Active Contributor
0 Kudos

Good to hear you figured it out then -thank you for sharing.

hans_segers
Advisor
Advisor
0 Kudos

put the radiobuttongroup in a panel (width & height : auto)

for a radiobuttongroup of 200px wide :

CSS Style for the panel :

width: 200px;
margin-left: auto;
margin-right: auto;