Radio Buttons in a form overlap

Topic: Radio Buttons in a form overlap

itay pro asked 6 years ago

The example Here is missing integrating radio buttons with in a form group. The form is not rendering well. labels overlap, etc. I sent to Damian demo by email This is my code:

<divclass="form-check">

<labelclass="form-check-label"for="radio1">Option 1</label>

<inputtype="radio"formControlName="sReason"class="form-check-input"id="radio1"name="sReason">

</div>

<divclass="form-check">

<labelclass="form-check-label"for="radio2">Option 2</label>

<inputtype="radio"formControlName="sReason"class="form-check-input"id="radio2"name="sReason">

</div>

What am I missing ?

Add comment

itay pro answered 6 years ago

0 0 Best answer

I added different values yet once selecting one, all are selected I gave up and found a different solution rather than radio buttons

Arkadiusz Idzikowski staff commented 6 years ago

If you would need to use radio buttons after all, please send an example code to a.idzikowski@mdbootstrap.com (ts and html with value attributes added) so I can check where is the problem.

Add comment

itay pro answered 6 years ago

0 0 Best answer

Please insert min. 20 characters.

This is my code now yet I cannot select between the options:

<label class="form-check-label" for="radio1">Option 1</label>

</div>

<label class="form-check-label" for="radio2">Option 2</label>

</div>

Arkadiusz Idzikowski staff commented 6 years ago

Please try to add different value attributes to radio inputs.

Add comment