- This topic has 1 reply, 2 voices, and was last updated 4 years, 9 months ago by
.
-
Posts
-
When I have a required checkbox, I cannot have it inline with other text. For example, I want to have a checkbox that signifies that a user agrees to a code of conduct. I have the required field first in the line and the rest of the working afterwards. It gets rendered as two lines even though it is one line of html:
<div id=’eme_dyndata’></div>
<div class=”checkbox-group required”><input type=’checkbox’ name=’FIELD22[]’ id=’FIELD22_0′ class=’dynamicupdates’ value=’We Agree’ /> <label for=’FIELD22_0′>We Agree</label></div><div class=’eme-required-field’></div> to the Code Of Conduct
</br>Is the code and it renders as:
We Agree
to the Code Of Conductas I started looking – I could not find eme-required-field in the CSS and can not figure how to get rid of what looks like a line break
eme-required-field is a CSS class for you to change (by default it is unused, but I left the class handle so people can tweak it). The fact that nothing is “inside” that eme-required-div is because you left the setting ‘Required field text’ to empty in EME, but you can still use the div-css style handle to show something if wanted.
The fact that your “to the Code of Conduct” comes on another line is CSS, see https://www.computerhope.com/issues/ch001709.htm . In your case, I’d target the parent div of FIELD22_0 and set it to inline, idem for the eme-required-field, and then also your code inside an inline-div.
But in fact this is all CSS and I’m not the expert here, so good luck trying this out 🙂
- The forum ‘How do I …’ is closed to new topics and replies.