Checkbox duplicated

11 posts, 0 answers
  1. AB
    AB avatar
    26 posts
    Member since:
    Jan 2010

    Posted 28 Oct 2018 Link to this post

    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

  2. Vessy
    Admin
    Vessy avatar
    2067 posts

    Posted 29 Oct 2018 Link to this post

    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.
  3. AB
    AB avatar
    26 posts
    Member since:
    Jan 2010

    Posted 29 Oct 2018 in reply to Vessy Link to this post

    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
  4. Vessy
    Admin
    Vessy avatar
    2067 posts

    Posted 29 Oct 2018 Link to this post

    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.
  5. AB
    AB avatar
    26 posts
    Member since:
    Jan 2010

    Posted 29 Oct 2018 in reply to Vessy Link to this post

    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
  6. Vessy
    Admin
    Vessy avatar
    2067 posts

    Posted 29 Oct 2018 Link to this post

    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.
  7. M Kumar
    M Kumar avatar
    77 posts
    Member since:
    Apr 2008

    Posted 11 Nov 2018 in reply to Vessy Link to this post

    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.

  8. M Kumar
    M Kumar avatar
    77 posts
    Member since:
    Apr 2008

    Posted 11 Nov 2018 in reply to Vessy Link to this post

    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
  9. Vessy
    Admin
    Vessy avatar
    2067 posts

    Posted 13 Nov 2018 Link to this post

    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.
  10. M Kumar
    M Kumar avatar
    77 posts
    Member since:
    Apr 2008

    Posted 13 Nov 2018 in reply to Vessy Link to this post

    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
  11. Rumen
    Admin
    Rumen avatar
    14098 posts

    Posted 15 Nov 2018 Link to this post

    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.
Back to Top