Buttons Not Scrolling

4 posts, 0 answers
  1. Kin Lee
    Kin Lee avatar
    1 posts
    Member since:
    Mar 2009

    Posted 07 Mar 2014 Link to this post

    I am finding serious problems with your controls. I have found two already (how many more are there?) that don't scroll inside a window. The Button control is one and the other is the ColorPicker.This is a serious issue.  IN IE, and yes I'm using IE 11, your Button control is not scrolling and neither is your ColorPicker. I have tried setting the position to relative and it still doesn't work. I am using v.2013.3.1114.40 in VS 2013. I would appreciate any advice you can give to fix this issue.
  2. Bozhidar
    Admin
    Bozhidar avatar
    677 posts

    Posted 10 Mar 2014 Link to this post

    Hello,

    Thanks for contacting Telerik Support. I suppose you are using IE11 in compatibility mode, because I have tested such a scenario and the issue is not reproducible. To fix it in IE7 or all IEs compatibility mode, you need to use the following CSS fix:

    <head runat="server">
        <title></title>
        <style type="text/css">
            .rwWindowContent > div {
                *position: relative;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="sm1" runat="server" />
     
        <telerik:RadWindow runat="server" VisibleOnPageLoad="true" Title="Scroll Button and ColorPicker">
            <ContentTemplate>
                <telerik:RadButton runat="server" Text="Button"></telerik:RadButton>
                <telerik:RadButton runat="server" Text="Link Button" ButtonType="LinkButton"></telerik:RadButton>
                <telerik:RadButton runat="server" Text="Skinned Button" ButtonType="SkinnedButton"></telerik:RadButton>
                <p>
                <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
                </p>
            </ContentTemplate>
        </telerik:RadWindow>
     
        </form>
    </body>
    </html>

    it will be the same fix for ColorPicker also:

    <head runat="server">
        <title></title>
        <style type="text/css">
            .rwWindowContent > div {
                *position: relative;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="sm1" runat="server" />
     
        <telerik:RadWindow runat="server" VisibleOnPageLoad="true" Title="Scroll Button and ColorPicker">
            <ContentTemplate>
                <telerik:RadColorPicker runat="server"></telerik:RadColorPicker>
                <p>
                <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
                </p>
            </ContentTemplate>
        </telerik:RadWindow>
     
        </form>
    </body>
    </html>


    Regards,
    Bozhidar
    Telerik

    DevCraft Q1'14 is here! Watch the online conference to see how this release solves your top-5 .NET challenges. Watch on demand now.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Helen
    Helen avatar
    42 posts
    Member since:
    Nov 2013

    Posted 09 Oct 2014 Link to this post

    Hi Telerik team,

    I'm also running into the same problem and tried Bozhidar solution, but can't get it to work.  I'm using IE9 in compatibility mode.  My image button, update button and the content of the grid seemed to be fixed position.  Using IE developer toolbar I managed to find the ID of my image button and set position as relative like this :
    #ctl06_DetailCompany_CompanyForm_websiteLink {
        position:relative;
    }

    Also tried adding !important at the end but still failed to work.

    What is the best way to deal with this type of CSS issue because I have several user controls on the page that have the same problem.  If you could guide me, then I don't have to keep asking similar type of question.

    Thank you,

    Helen

  5. Bozhidar
    Admin
    Bozhidar avatar
    677 posts

    Posted 14 Oct 2014 Link to this post

    Hello,

    We will need your code configuration in order to check if you are putting the relative position to the right element. It should be the element, that wraps the button. You could also try to put the relative position to several other parent node elements.

    Regards,
    Bozhidar
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top