Radio button margin problem

#1 · May 24, 2021, 10:59 am

Hi Luis, Sometimes I copy-paste some code from codepen or other sites into the VisualNEO Web but it finds a little change,

maybe extra margin or extra padding. example:

Can we solve this kind of problem?

Uploaded files:

You need to login to have access to uploads.

#2 · May 24, 2021, 7:28 pm

@asmat I can't find where is the problem exactly, but it seems the CSS you have copy-pasted is not completely compatible with how radio buttons are coded in VisualNEO Web. This is the HTML code used:

<div id="RadioButton1" class="radio-inline " ng-style="NAB.RadioButton1_style" ng-hide="NAB.RadioButton1_hidden">
  <input id="RadioButton1_radio" type="radio" ng-disabled="NAB.RadioButton1_disabled">
  <label id="RadioButton1_label" for="RadioButton1_radio">This is a radio button</label>
</div>

If you don't like how radio buttons look like there is a special predefined class "neoradio" to improve it a little bit.

Regards.

farhad2008 and asmat have reacted to this post.

#3 · May 24, 2021, 8:57 pm

Thank you so much @luishp.

luishp has reacted to this post.

Radio button margin problem - Forum

Radio button margin problem