Label of radio item shows below select box

Dash Python
1

Hi,

I use the following code to create a Radio item:

dcc.RadioItems(
                [
                    {
                        "label": html.Div(['Transects'], style = {'color' : 'white'}), "value": 1,
                    },
                    {
                        "label": html.Div(['Continious'], style = {'color' : 'white'}),"value": 2,
                    },
                ],
                labelStyle={'display': 'block'},
                value = 0,
                inline= False
                #style= {'width': '100%'}
            )

The radio items shows like this:

image

However I want the labels next to the selection boxes instead of below them. Anyone knows how to solve this?

Also, is it possible to position the selection box after the label?

Regards,

Dante

2

hi @DantevdH ,

just remove this line,
labelStyle={'display': 'block'},