FoxInCloud
CSS or HTML question
Gravatar is a globally recognized avatar based on your email address. CSS or HTML question
  Michele
  All
  Mar 27, 2020 @ 02:17am

Hi. In form designer i have these objects (check boxes in a container)

In browser they appear in this way

Is it possible to have them in horizontal not in vertical mode ?

Gravatar is a globally recognized avatar based on your email address. re: CSS or HTML question
  Vincent H.
  Michele
  Mar 27, 2020 @ 10:40am

Maybe in your CSS with width: max-content;

Gravatar is a globally recognized avatar based on your email address. re: CSS or HTML question
  FoxInCloud Support - Thierry N.
  Michele
  Mar 27, 2020 @ 11:03am

Michele,

Please provide the HTML code for these checkboxes and the surrounding container.

Gravatar is a globally recognized avatar based on your email address. re: CSS or HTML question
  Michele
  FoxInCloud Support - Thierry N.
  Mar 31, 2020 @ 06:35am
<div class="row row-options">
<div class="col col-options col-xs-12 text-right">
<div id="_form_appuntamento-_pageframe1-page1-options" class="_form_appuntamento-_pageframe1-page1-options">
<div class="form-group">
<div class="checkbox" id="_form_appuntamento-_pageframe1-page1-options-sed_div"><label for="_form_appuntamento-_pageframe1-page1-options-sed" id="_form_appuntamento-_pageframe1-page1-options-sed_lbl" class="_form_appuntamento-_pageframe1-page1-options-sed standard ChkOptLabel"><input type="checkbox" id="_form_appuntamento-_pageframe1-page1-options-sed" class="_form_appuntamento-_pageframe1-page1-options-sed standard" size="2" autocomplete="off">&nbsp;&nbsp;in sede</label></div>
<div class="checkbox" id="_form_appuntamento-_pageframe1-page1-options-blk_div"><label for="_form_appuntamento-_pageframe1-page1-options-blk" id="_form_appuntamento-_pageframe1-page1-options-blk_lbl" class="_form_appuntamento-_pageframe1-page1-options-blk standard ChkOptLabel"><input type="checkbox" id="_form_appuntamento-_pageframe1-page1-options-blk" class="_form_appuntamento-_pageframe1-page1-options-blk standard" size="2" autocomplete="off">&nbsp;&nbsp;bloccato</label></div>
<div class="checkbox" id="_form_appuntamento-_pageframe1-page1-options-prs_div"><label for="_form_appuntamento-_pageframe1-page1-options-prs" id="_form_appuntamento-_pageframe1-page1-options-prs_lbl" class="_form_appuntamento-_pageframe1-page1-options-prs standard ChkOptLabel"><input type="checkbox" id="_form_appuntamento-_pageframe1-page1-options-prs" class="_form_appuntamento-_pageframe1-page1-options-prs standard" size="2" autocomplete="off">&nbsp;&nbsp;privato</label></div>
<div class="checkbox" id="_form_appuntamento-_pageframe1-page1-options-rsv_div"><label for="_form_appuntamento-_pageframe1-page1-options-rsv" id="_form_appuntamento-_pageframe1-page1-options-rsv_lbl" class="_form_appuntamento-_pageframe1-page1-options-rsv standard ChkOptLabel"><input type="checkbox" id="_form_appuntamento-_pageframe1-page1-options-rsv" class="_form_appuntamento-_pageframe1-page1-options-rsv standard" size="2" autocomplete="off">&nbsp;&nbsp;riservato</label></div>
</div>
</div>
</div>
</div>
Gravatar is a globally recognized avatar based on your email address. re: CSS or HTML question
  FoxInCloud Support - Thierry N.
  Michele
  Mar 31, 2020 @ 10:36am

You can try in xxx.css:

#_form_appuntamento-_pageframe1-page1-options .form-group .checkbox {
  display: inline-block;
  width: 25%;
}
Gravatar is a globally recognized avatar based on your email address. re: CSS or HTML question
  Michele
  FoxInCloud Support - Thierry N.
  Apr 1, 2020 @ 07:31am

It works.... With Width: 20%;

is perfect

Thanks

© 1996-2024