Rad Ajax Panel not rendering properly on Editing

8 posts, 0 answers
  1. Manisha
    Manisha avatar
    14 posts
    Member since:
    Mar 2013

    Posted 05 Apr 2013 Link to this post

    I am using Telerik Ajax tools in my project. Recently we upgraded the .NET Ajax tools to the latest 2012.3.1308.35 product version. One issue is pertaining to a single page. It is the improper rendering of the Ajax Panel on edit mode. The page looks somewhat like this :

    <RadAjaxPanel ....>
        <asp:FormView...... >
            <Header Template >
                    User control with certain controls as Edit, Save, Toggle, etc.
            </Header Template>
            <Item Template>
                <Label... />
            </ Item Template >
            <Edit Item Template >
                <Custom Validator... />
                    <asp:Button />
                <Rad Editor... />  (It uses the same internal Rad Editor Skin )
             < / Edit Item Template >
        </ Form View>
    < / RadAjaxPaneI>

    It has two such above mentioned sections. In ReadOnly Mode, the page looks fine but when the FormView is changed to Edit mode for the FIRST TIME, the entire panel becomes too wide to be enclosed within the screen, all the save, edit etc buttons on the right top corner of the panel is not visible as the panel extends invariably towards the right. We have a toggle button on the left top corner which minimises or maximises the panel ( by default panel is maximised ). After this, if we minimise the panel and maximize again, everything becomes fine and takes the correct positions with proper width and visible buttons. Later any number of edits wold not affect anyway and will show proper result. 

    As I mentioned above, we have two panel sections. This happens for the panel (only one time) which is pushed into edit mode FIRST after the rendering of the page. The other section which is edited second works properly at all times. Even after multiple refreshing of the page, this erroneous behaviour remains the same.

    Please help me with this.

        
        
        
  2. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 09 Apr 2013 Link to this post

    Hello Manisha,

    Could you please send us a screenshot of the described problematic rendering? Also please try to set UpdatePanelsHeight to "100%" for the RadAjaxPanel and verify if this makes any difference.

    Kind regards,
    Maria Ilieva
    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. Manisha
    Manisha avatar
    14 posts
    Member since:
    Mar 2013

    Posted 10 Apr 2013 Link to this post

    Hi Maria,

    I was unable to add the UpdatePanelHeight property as we are not using Rad Ajax Manager and Rad Ajax Panel is not recognising that property.

    Please find attached the required screenshots in the same order as it occurs..

    Thanks for your help...

    Regards,

    Manisha
  5. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 12 Apr 2013 Link to this post

    Hello Manisha,

    Excuse me for the previous suggestion.

    In case RadAjaxPanel is use try to simply set the "Height" property to "100%" and verify how it goes.

    Kind regards,
    Maria Ilieva
    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.
  6. Manisha
    Manisha avatar
    14 posts
    Member since:
    Mar 2013

    Posted 15 Apr 2013 Link to this post

    Hello Maria,

    I tried setting the "Height" property to "100%"  but it did not resolve the issue. Please let me know what should I do now.

    Thanks & Regards,
    Manisha
  7. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 16 Apr 2013 Link to this post

    Hello Manisha,

    Please review the forum thread below which provides a possible resolution for the presented issue:
    http://www.telerik.com/community/forums/aspnet-ajax/editor/incorrect-rendering-of-radeditor-when-shown-with-ajax-in-initially-hidden-parent.aspx

    I hope this helps.

    Kind regards,
    Maria Ilieva
    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.
  8. Manisha
    Manisha avatar
    14 posts
    Member since:
    Mar 2013

    Posted 16 Apr 2013 Link to this post

    Hello Maria,

    Thanks for your help. The Panel is rendering fine now but there is still a minor issue with the rendering. The toolbar of the editor is being rendered haphazardly on the first EDIT, later on it works fine as the issue before with the panel.

    I used this code from the forum link provided by you and added it to Master Page :

    <head id="Head1" runat="server">
        <title></title>
        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
            <link href='<%= Page.ClientScript.GetWebResourceUrl(typeof(RadEditor), "Telerik.Web.UI.Skins.Editor.css") %>'
                rel="stylesheet" type="text/css" />
            <link href='<%= Page.ClientScript.GetWebResourceUrl(typeof(RadEditor), "Telerik.Web.UI.Skins.Default.Editor.Default.css") %>'
                rel="stylesheet" type="text/css" />
            <link href='<%= Page.ClientScript.GetWebResourceUrl(typeof(RadWindow), "Telerik.Web.UI.Skins.Window.css") %>'
                rel="stylesheet" type="text/css" />
            <link href='<%= Page.ClientScript.GetWebResourceUrl(typeof(RadWindow), "Telerik.Web.UI.Skins.Default.Window.Default.css") %>'
                rel="stylesheet" type="text/css" />
        </telerik:RadCodeBlock>
    </head>


    Please help me with this issue and let me know what is to be done now. I am attaching a screenshot of the incorrect toolbar, please compare it with the required Ideal toolbar look in the screenshot I attached before.


    Thanks & Regards,

    Manisha
  9. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 19 Apr 2013 Link to this post

    Hello Manisha,

    I'm not sure what is the root cause of the issue you are currently facing with the Editor Toolbars. Could you please post your page markup and the related code behind or provide a live url where the issue could be replicated. Thus we could inspect the application locally and advise you further.

    Regards,
    Maria Ilieva
    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017