RadButton checkbox multiline overlaping and cross-browser compatibility

3 posts, 1 answers
  1. Sophie
    Sophie avatar
    33 posts
    Member since:
    Aug 2012

    Posted 28 Jan 2013 Link to this post

    Hello
    I am having issues with the RadButton checkbox. 
    I have this code:
    <div style="width:200px;">
        <p>This div has a width of 200px only:</p>
        <dl>
            <dt>
                <telerik:RadButton runat="server" ID="MyButton1" ButtonType="ToggleButton"
                 ToggleType="CheckBox" AutoPostBack="false"
                 Text="This text should be long enough to create a second line and maybe a third line because the next checkbox will overlaps with this one and maybe more."  />
            </dt>
            <dt>
                <telerik:RadButton runat="server" ID="RadButton1" ButtonType="ToggleButton"
                 ToggleType="CheckBox" AutoPostBack="false" Text="Might be one line." />
            </dt>
            <dt>
                <telerik:RadButton runat="server" ID="RadButton2" ButtonType="ToggleButton"
                 ToggleType="CheckBox" AutoPostBack="false" Text="A word." />
            </dt>
            <dt>
                <telerik:RadButton runat="server" ID="RadButton3" ButtonType="ToggleButton"
                ToggleType="CheckBox" AutoPostBack="false"
                Text="This text should be long enough to create a second line and maybe a third line because the next checkbox will overlaps with this one and maybe more." />
            </dt>
            <dt>
                <telerik:RadButton runat="server" ID="RadButton4" ButtonType="ToggleButton"
                 ToggleType="CheckBox" AutoPostBack="false"
                  Text="This text should be long enough to create a second line and maybe a third line because the next checkbox will overlaps with this one and maybe more." />
            </dt>
        </dl>
    </div>

    And i get diferent behavior in Chrome IE and Firefox.
    My problem is that when i populate those dt, it comes from the database so it might be a long phrase or a word so i can't set a fixed height property. (see the picture attached)

    The ideal output i get is from firefox, but in IE and Chrome its a complete desaster....
    Any way i could fix this?

    Thanks!
    I'm using telerik v. 2012.1.215.35
  2. Answer
    Bozhidar
    Admin
    Bozhidar avatar
    680 posts

    Posted 29 Jan 2013 Link to this post

    Hello,

    I have tested your scenario with the latest and previous DLL versions and it works fine in three browsers - FireFox, Chrome and IE.

    This is a short video showing my tests: http://screencast.com/t/eggb8JDckW.

    Could you check, if you are using the latest version of the controls, as the problem was fixed recently, and if you are using older version, it could be possible to experience such a behavior.

    Regards,
    Bozhidar
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Sophie
    Sophie avatar
    33 posts
    Member since:
    Aug 2012

    Posted 29 Jan 2013 Link to this post

    Hello Bozhidar, I feared that i needed a new update. We're in the process of getting it. I'll keep a close look on how the controls behavior with the update. Thank you for your quick anwser, always appreciated.
Back to Top