Hi Thierry,

When you want to align a check box to the right, only the label is aligned, not the check mark.

The "float" statement should apply to the parent.

Thanks in advance

Hi Vincent,

These additional classes fix the issue:

<div class="form-check">
  <input class="form-check-input float-end" type="checkbox" …>
  <label class="form-check-label float-end me-4" …>

I had this code (witch works)

wcHTMLgen()
DODEFAULT (toHTMLgen, tlInnerHTML)
IF VARTYPE (m.toHTMLgen) = Cobjet
   toHTMLgen.CSScustomAdd(TEXTMERGE ([#<<THIS.wcID>>_div {float: right;}]))
ENDIF

Vincent,

Even if it may sound frustrating, adding CSS rules is no longer the way to go: you should always add CSS classes provided by Bootstrap, more efficient and responsive.

procedure wcHMTLgen
lparameters toHTMLgen, tlInnerHTML

local result, cScript  

result = DODEFAULT (toHTMLgen, tlInnerHTML)

IF VARTYPE (m.toHTMLgen) = Cobjet
 text to cScript textmerge noshow flags 1
var $Div = jQuery('#<<this.wcID>>').parent();
$Div.find('input').addClass('float-end');
$Div.find('label').addClass('float-end me-4');
 endtext
 toHTMLgen.cScriptJSadd(m.cScript)
ENDIF

return m.result

Thanks Thierry.

FiC always at the forefront of progress 😃

But ...

Just increase to me-5: https://getbootstrap.com/docs/5.2/utilities/spacing/#margin-and-padding