RadFormDecorator eats absolute positioning

6 posts, 0 answers
  1. Guy
    Guy avatar
    1 posts
    Member since:
    May 2009

    Posted 01 Jun 2009 Link to this post

    After adding RadFormDecorator to pages the positioning is no longer correct. All buttons are in the top left corner of the page.
  2. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 02 Jun 2009 Link to this post

    Hi Guy,

    RadFormDecorator is not working with absolutely positioned buttons - our advice is to use CSS to put the elements where you want them as the absolutely positioning has side effects in complex scenarios.

    If you insist on using absolute positioning, the only way to achieve this with RadFormDecorator is to style the decorated button as well with absolute positioning.
    for example:

    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"
    <head runat="server"
        <title></title
        <style type="text/css"
        #Button1, 
        #_rfdSkinnedButton1 /* the id of the skinned button*/ 
        { 
            position: absolute; 
            top: 1px;  
            left: 1px;  
        } 
         
        #Button2, 
        #_rfdSkinnedButton2 /* the id of the skinned button*/ 
        { 
            position: absolute; 
            top: 500px;  
            left: 100px;  
        } 
         
        </style> 
    </head> 
    <body> 
        <form id="form1" runat="server"
        <asp:ScriptManager ID="ScriptManager1" runat="server"
        </asp:ScriptManager> 
        <telerik:RadFormDecorator Visible="true" ID="RadFormDecorator1" runat="server" /> 
        <div style="height: 600"
            <asp:Button ID="Button1" runat="server" Text="button1" /> 
            <asp:Button ID="Button2" runat="server" Text="button2" /> 
        </div> 
        </form> 
    </body> 
    </html> 


    All the best,
    Georgi Tunev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Liji Jose
    Liji Jose avatar
    52 posts
    Member since:
    Jan 2010

    Posted 30 Apr 2010 Link to this post



    Hi Georgi,

    I am also facing the same issue while using RadFormDecorator....
    The solution provided by you is also not working, or can you tell me a detailed note of using radFormDecorator with absolute positioning....

    Please reply me soon......



    -Liji Gilesh
  5. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 04 May 2010 Link to this post

    Hi Liji,

    As previously noted, RadFormDecorator does not support absolutely positioned elements because of the side effects that occur in certain scenarios. That is why we strongly recommend to achieve the desired positioning with CSS only - the workaround given here is considered a hack and we do not guarantee that it would work in all cases.



    Greetings,
    Georgi Tunev
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  6. vincent chen
    vincent chen avatar
    4 posts
    Member since:
    Apr 2010

    Posted 08 Jul 2010 Link to this post

    Thank you very much,my problem was solved..

    but i have another problem, how to bind data in the Client-Side?
    when  i selected the record from pop-up window,Db-click and close the window, the parent page will refresh the radgrid..Now ,i don't know how to reset the radgrid's datasource..


  7. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 12 Jul 2010 Link to this post

    Hi Vincent,

    I am not quite sure if I understand your question correctly, but if you want to rebind RadGrid, I believe that this help article will be of help. Another option is (if you are using RadAjax) to use ajaxRequest() for that purpose - this approach is used in the Editing RadGrid demo (check the refreshGrid() function in the parent page and RadAjaxManager1_AjaxRequest() in codebehind.


    Sincerely yours,
    Georgi Tunev
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017