Checkbox duplicated

[AB]

Hello,
since I downloaded the latest version of Firefox, a few days ago, I see the checkboxes "duplicated" (2 squares for each checkbox).
How can I solve the problem?
Many thanks
Kurt

[Vessy]

Hi Kurt,

Which version of the controls is used in your application? Are you reproducing the same issue in our online demos (they are running with the latest release)? If no, please, send us the exact setup you have so we can see what is causing the problem.

Regards,
Vessy
Progress Telerik

[AB]

Hello Vessy,
 
we are using Q3 2014 version of the components, Windows 8 and Firefox 63.0 (64 bit).
 
We have this problem since we upgraded to Firefox 63.0.
 
Many thanks for your help
 
Alberto

[Vessy]

Hi Alberto,

I tested the behavior of RadButton with the stated controls version, but it is rendered properly at my end. Below is the configuration I have used for my test - does it differs from the one used by you?

<telerik:RadButton ID="btnToggle" runat="server" ToggleType="CheckBox" ButtonType="ToggleButton" RenderMode="Lightweight">
    <ToggleStates>
        <telerik:RadButtonToggleState Text="Checked" PrimaryIconCssClass="rbToggleCheckboxChecked" />
        <telerik:RadButtonToggleState Text="UnChecked" PrimaryIconCssClass="rbToggleCheckbox" />
    </ToggleStates>
</telerik:RadButton>

Regards,
Vessy
Progress Telerik

[AB]

Hello Vessy,

we are using the following approach:

<link href="../Skins/Simple/FormDecorator.Simple.css" rel="stylesheet" type="text/css"/>

<telerik:radformdecorator decoratedcontrols="checkboxes" enableembeddedskins="false" id="FontiApprovvigionamentoCAIMRadFormDecorator" runat="server" skin="Simple"/>

<div style="left: 1091px; position: absolute; top: 41px">
  <asp:checkbox id="VisibileCheckBox" runat="server"/>
</div>

Many thanks

Alberto

[Vessy]

Hi Alberto,

We managed to reproduce the problem and it is already logged into our bug tracking system. You can follow the public item of this issue and see all workarounds we have found so far here:
https://feedback.telerik.com/Project/108/Feedback/Details/258566

Regards,
Vessy
Progress Telerik

[M Kumar]

hi,
    I follow above link and i added styles from rad check boxes and rad radio buttons, now instead of duplicate ,it appear some square box and inside got some letters and digit appear, how to solve this ? only in Firefox.

Firefox  version - screenshot -http://prntscr.com/lh7icj
Telerik Version - http://prntscr.com/lh7jwr

Style code : 
   .rfdCheckboxUnchecked, .rfdCheckboxChecked {
               padding: 0 !important;
               background-image: none !important;
                position: fixed !important;
           }

           .rfdRadioUnchecked, .rfdRadioChecked {
               padding: 0 !important;
               background-image: none !important;
                position: fixed !important;
            }

 

After adding above style code :  Control Screenshot : http://prntscr.com/lh7hmt
Without adding above style code : Control Screenshot is http://prntscr.com/lh7jim

Pls replay asap.

[M Kumar]

Hi ,
 if add style code as below, in IE checkbox and radio buttons are disappear
Style code : 
   .rfdCheckboxUnchecked, .rfdCheckboxChecked {
               padding: 0 !important;
               background-image: none !important;
                position: fixed !important;
           }

           .rfdRadioUnchecked, .rfdRadioChecked {
               padding: 0 !important;
               background-image: none !important;
                position: fixed !important;
            }

IE : http://prntscr.com/lh7qxi
FireFox : http://prntscr.com/lh7r1d
Pls reply asap

[Vessy]

Hi M Kumar,

The suggested workarounds are not applicable for all scenarios (in terms of RadControls version, RadFormDecorator declaration, browser version, etc), this is why we have provided several possible solutions. Can you remove the provided CSS and see if setting the DecoratedControls="All" of the FormDecorator will resolve the problem?

<telerik:RadFormDecorator runat="server" DecoratedControlS="All" RenderMode="Classic" />
<div>asp:Checkbox</div>
<asp:CheckBox ID="chkApproved" runat="server" Text="asp:Checkbox" />

<div>Html Input</div>
<input id="chkApproved1" type="checkbox" name="chkApproved" />

Regards,
Vessy
Progress Telerik

[M Kumar]

Hi, 
   Still got duplicated rad checkboxes and radio buttons,
   screenshot -- http://prntscr.com/li3vhh

 only it removed square boxes with letters and digit screenshot- http://prntscr.com/li3w6b

[Rumen]

Hi M Kumar,

It would be pretty useful if you share your scenario or a runnable project so that we can examine it and pinpoint the issue.

Would it be possible to share a live URL to the problematic page or the aspx page, controls configurations which demonstrate the problem?

Best regards,
Rumen
Progress Telerik