Styling Lost for Radio on Registration Form

  • temills
  • Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
5 years 2 months ago - 5 years 2 months ago #121379 by temills
Upgraded to 3.8.4 yesterday. Upon creating a new registration form, noticed that the radio inputs are not styled as before. Now, buttons are inline horizontally instead of stacked vertically. In some cases with the button labels on online and the buttons on another.

Notice the misspelling of "radio" in the example html below. I could not fine "eb-radio-container" or "ebraido-container in the css file. I've also attached a screen shot of a portion of the form.

Example of html:
<fieldset id="Gender" class="eb-raido-container clearfix">
<div class="row clearfix">
<div class="col-md-2">
<label class="radio" for="Gender1">
<input type="radio" id="Gender1" name="Gender" value="Men" class="inputbox validate[required]">Men </label>
</div>
<div class="col-md-2">
<label class="radio" for="Gender2">
<input type="radio" id="Gender2" name="Gender" value="Women" class="inputbox validate[required]">Women </label>
</div>
</div>
</fieldset>

Thanks, Tem
Attachments:
Last edit: 5 years 2 months ago by temills. Reason: Add Attachement

Please Log in or Create an account to join the conversation.

More
5 years 2 months ago #121384 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Styling Lost for Radio on Registration Form
Hello

There was a typo in eb-radio-container class but the makeup is valid. Maybe there is some conflict with your site template css causing the error (the eb-radio-container class was added to allow applying custom css code for radio if needed, we don't have specific css code for it)

In your case, please submit a support ticket sending us super admin account of your site and link to the page. Our template developer will check to see what's wrong and get it sorted

Regards,

Tuan

Please Log in or Create an account to join the conversation.

Moderators: Tuan Pham Ngoc