FoxInCloud
checkbox wBScolAlign
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 😃
Just increase to me-5
: https://getbootstrap.com/docs/5.2/utilities/spacing/#margin-and-padding