RadButton moves out of place

12 posts, 1 answers
  1. Tiago
    Tiago avatar
    11 posts
    Member since:
    Jun 2011

    Posted 28 Jul 2011 Link to this post

    Hello,

    I have 4 RadListBoxes with an RadButton on the footer that on select changes the next one, so, the first changes the second, the second changes the third and so on, and all have scrollbar.

    Now that I have configured the AjaxManager to ajaxify them, the button gets out of place when the listbox is updated, and when I pass the mouse over the button, it gets back to the right place. This happens in IE6, and I'm using the Q3 2010 release, as it is the only version available for now in the company I work.

    Does anyone knows a solution for this?

    Thanks!
  2. Answer
    Rumen
    Admin
    Rumen avatar
    12849 posts

    Posted 02 Aug 2011 Link to this post

    Hi Tiago,

    IE6 and IE7 have incorrect interpretation of the CSS position:relative; property. You can see how to fix the problem in the following article: RadButton known issues in IE6 and IE7.

    Best regards,
    Rumen
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Tiago
    Tiago avatar
    11 posts
    Member since:
    Jun 2011

    Posted 02 Aug 2011 Link to this post

    Thanks!

    The button was in the footer of a listbox, so i just added this to the css and it worked fine:
    .rlbFooter
    {
        position: relative;
    }
  5. Supriya
    Supriya avatar
    5 posts
    Member since:
    Sep 2012

    Posted 28 Sep 2012 Link to this post



    Setting the property position:relative also doesn't work on the radbuttons.

    Still the rad buttons move out of place, and when mouseovered they return to the original place.

    I am using a lot of radbuttons, and my page is getting messed up.

    Help would be appreciated.
  6. Slav
    Admin
    Slav avatar
    1356 posts

    Posted 03 Oct 2012 Link to this post

    Hello Supriya,

    Please ensure that you are applying the CSS style position: relative to the HTML container that has an overflow.

    It is also possible that your problem is not related to the scenario discussed in this thread. You can check if the issue persists after replacing the RadButton with a standard Button control.

    Note that I am mostly guessing as to what your setup is. I will need more information about the configuration of your page, as well as reliable steps for reproducing the problem in order to help you accordingly.

    Greetings,
    Slav
    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.
  7. Taylor
    Taylor avatar
    17 posts
    Member since:
    Mar 2011

    Posted 17 Dec 2012 Link to this post

    I also see a similar issue. It is very easy to reproduce the problem when using a ModalPopupExtender control as typically the RadButtons will not show up in IE6.  When I open a ModalPopupExtender panel in IE6, the RadButtons are not visible.  Initially, they do not have the focus as there are other controls before them on the ModalPopupExtender panel.  And, if I have two RadButtons on the panel, when i tab to where the first one should be in the tab order, both buttons show up correctly.  I can replace them with standard ASP buttons and Image Buttons and they work as expected so the problem is RadButton specific.  Has there been a resolution identified for this problem yet?
  8. Slav
    Admin
    Slav avatar
    1356 posts

    Posted 19 Dec 2012 Link to this post

    Hello Taylor,

    I tried to reproduce the problem you described, but to no avail. I have attached my test page and a screen capture that shows the behavior on my end so that you can compare it with your actual project and let me know if I am missing something.

    Please note that IE6 is an outdated browser, which sometimes interprets incorrectly the CSS styles on your page. An example for this is the positioning issue that was already discussed in this thread. It appears that the current problem is similar, however it is specific to your setup and I need to examine it in order to provide a concrete solution.

    If you are still having difficulties, please modify the attached sample so that it matches your case. If this is not possible, you can also prepare a simple, fully runnable sample that isolates the problem so that I can inspect it locally.

    Greetings,
    Slav
    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.
  9. Taylor
    Taylor avatar
    17 posts
    Member since:
    Mar 2011

    Posted 21 Dec 2012 Link to this post

    Hello Slav,

    I have created a sample that will demonstrate the problem.  Please provide me with an email address that I can send it to.
  10. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3600 posts

    Posted 25 Dec 2012 Link to this post

    Hi Taylor,

    You can open a formal support ticket from your account where you can attach your project. Alternatively, send it to support <at> telerik.com and we will get it. Let us know which way you prefer.


    Greetings,
    Marin Bratanov
    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.
  11. Slav
    Admin
    Slav avatar
    1356 posts

    Posted 03 Jan 2013 Link to this post

    Hi Todd,

    Thank you for the provided sample. As I mentioned in the previous posts, the problem stems from positioning issues with IE 6. In your particular case it appears that relatively positioned elements in an HTML table, which is contained in an element with position: fixed (the popup extender), are not displayed correctly. Since the RadButton is relatively positioned, it is affected by this browser bug as well.

    You can avoid the problematic behavior by removing the table from the popup content and using CSS to position the elements. Another option is to locate the section below in NewDialog.ascx and to apply position: relative to the marked table cell:
    ...
       <tr>
         <td class="buttonsWrapper">
             <table>
                 <tr>
                     <td>
                         <telerik:RadButton ID="SaveButton" runat="server" Text="Save" AutoPostBack="false">
                              
                         </telerik:RadButton>
                         <asp:Button ID="CancelButton" runat="server" ImageAlign="AbsMiddle"
                             Text= "Cancel"
                             ToolTip="Cancel" CausesValidation="false"
                             AlternateText="Cancel" Style="position: absolute;" />
                     </td>
                 </tr>
             </table>
         </td>
     </tr>
    ...

    <style type="text/css">
        .buttonsWrapper
        {
            position: relative;
        }
    </style>

    Greetings,
    Slav
    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.
  12. Nareshkumar
    Nareshkumar avatar
    5 posts
    Member since:
    Oct 2013

    Posted 18 Dec 2013 Link to this post

    I am using IE 8, still this issue persists for me. The rad buttons moving oout of my content.
  13. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 23 Dec 2013 Link to this post

    Hello Nareshkumar,

    From the provided information I can only try to make assumptions about the encountered behavior and the reason for it.

    It would be helpful if you could open a formal support ticket with more details about the issue and possibly a locally runnable project, which isolates the problem, so that we could investigate it and find a possible solutions for you.

    Regards,
    Ianko
    Telerik
    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 the blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017