Oct 05, 2012, 5:52 PM
[CLOSED] CheckBox BoxLabel
I have the following code that mimics the Registration Form example, but I would have tweaked it and have a minor issue.
I have disabled the checkbox initially. When the user reads the "Terms of Use" by clicking on the BoxLabel (which floats the East Panel) or clicks the East Panel header the float listener on the EastPanel will enable the checkbox for the user to select. My issue is:
Even though the checkbox is disabled I can click on the boxlabel, but I would like the boxlabel not to be grayed out. I assume there is a css class I can overrided, but not sure which one.
I have disabled the checkbox initially. When the user reads the "Terms of Use" by clicking on the BoxLabel (which floats the East Panel) or clicks the East Panel header the float listener on the EastPanel will enable the checkbox for the user to select. My issue is:
Even though the checkbox is disabled I can click on the boxlabel, but I would like the boxlabel not to be grayed out. I assume there is a css class I can overrided, but not sure which one.
<ext:Checkbox runat="server" ID="AcceptTerms" Name="acceptTerms" FieldLabel="Terms of Use"
Disabled="true" HideLabel="true" StyleSpec="font-size:11px;" PaddingSpec="2 0 5 5"
BoxLabel="I have read and accept the <a href='#' class='terms'>Terms of Use</a>.">
<Listeners>
<AfterRender Handler="this.boxLabelEl.on('click', acceptTermsBoxLabelClick);" />
</Listeners>
<GetErrors Handler="return this.getValue() ? [] : ['You must accept the Terms of Use'];" />
</ext:Checkbox>
...
<funtion acceptTermsBoxLabelClick(e) {
#{EastTermsOfUse}.floatCollapsedPanel();
}
Last edited by Daniil; Oct 09, 2012 at 4:02 PM.
Reason: [CLOSED]