How to change radio button place & add line separator

Tags: javascript,html,css,css3

Problem :

I've tried to change the layout of the following without success, what I need is that the dropdownbox will be in parallel to the second (RB2)radio button (on the right side) and not below.,output

In addition I need to add line separator(thin line) between below the title and before the radio buttons,how it can achieved?

for those who wonder what it is ,this is SAPUI5

In the renderer you should put the Html/Css(any native...) which is describe how the controls will look like. e.g. for the control to be vertical i've added


Solution :

Not sure if this is what you're looking for, but you could wrap the _radioButtonGroup and _dropDownBox in a <div>, then apply a margin-top to align the dropdown with the second radio button:


renderer: function(oRm, oControl) {


#__box0 {
  margin-top: 22px;

Then you can add an <hr> with the appropriate styles to get a horizontal line.

See it on JSBin here.

    CSS Howto..

    How To Remove Wordpress Title From One Page?

    CSS & Button: How to override native CSS of html buttons element?

    How to turn off spell checking in CSS?

    How to ensure that the css border goes inside the image

    How to make all borders the same color?

    CSS: How can I get rid of the default window “padding”? An element set to 100% width doesn't reach the window's borders

    How to force floating blocks staying in the same row in css?

    Jquery Cycle Plugin issue with extending the slideshow “outside” the page boundary

    How can I get the font size of an element as it was set by css

    how to use css to make smartgwt look like gwtext

    How to have constants in Flex CSS files

    how to affect an element's width by one child element but not others using CSS

    How to make the headline (H1 with lines on the sides) with CSS only

    How to join multiple rounded images one by one using line in css or css3

    Bootstrap: navbar showing a line

    How to apply two CSS classes to a single div/span

    How to get a tag the focus

    How to position child div to the center of every parents div using position absolute in css [duplicate]

    How do i add a fading border to my nav bar CSS

    Handle text as elements, how to hide with CSS?

    How to change color of selection in Select2 4.0.1?

    How do I make a Javascript alert display only once, ever? [closed]

    Logo not showing on top of header img

    How to get the kendo NumericalTextBox to share the width of a table cell the same way the kendo DropDownList does?

    How to convert shorthand CSS to longhand?

    HTML: Who takes care show/hide the scrollbar?

    How to use the css height attribute for showing scroll bar in HTML table

    How to link external CSS stylesheets on a Chromebook

    How to save user's choice of theme of web pages

    CSS/HTML problem in IE - how to fix?