This is a migrated thread and some comments may be shown as answers.

Checkbox duplicated

10 Answers 78 Views
CheckBox
This is a migrated thread and some comments may be shown as answers.
AB
Top achievements
Rank 1
AB asked on 28 Oct 2018, 06:46 PM

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

10 Answers, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 29 Oct 2018, 07:25 AM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
AB
Top achievements
Rank 1
answered on 29 Oct 2018, 08:27 AM
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
0
Vessy
Telerik team
answered on 29 Oct 2018, 09:50 AM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
AB
Top achievements
Rank 1
answered on 29 Oct 2018, 10:10 AM
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
0
Vessy
Telerik team
answered on 29 Oct 2018, 02:07 PM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
M Kumar
Top achievements
Rank 1
Iron
Veteran
answered on 12 Nov 2018, 05:13 AM

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.

0
M Kumar
Top achievements
Rank 1
Iron
Veteran
answered on 12 Nov 2018, 05:42 AM
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
0
Vessy
Telerik team
answered on 13 Nov 2018, 09:22 AM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
M Kumar
Top achievements
Rank 1
Iron
Veteran
answered on 14 Nov 2018, 05:40 AM
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
0
Rumen
Telerik team
answered on 15 Nov 2018, 10:04 AM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
CheckBox
Asked by
AB
Top achievements
Rank 1
Answers by
Vessy
Telerik team
AB
Top achievements
Rank 1
M Kumar
Top achievements
Rank 1
Iron
Veteran
Rumen
Telerik team
Share this question
or