This is a migrated thread and some comments may be shown as answers.

Rad Ajax Panel not rendering properly on Editing

7 Answers 105 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Manisha
Top achievements
Rank 1
Manisha asked on 05 Apr 2013, 06:42 AM
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.

    
    
    

7 Answers, 1 is accepted

Sort by
0
Maria Ilieva
Telerik team
answered on 09 Apr 2013, 11:48 AM
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.
0
Manisha
Top achievements
Rank 1
answered on 10 Apr 2013, 01:03 PM
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
0
Maria Ilieva
Telerik team
answered on 12 Apr 2013, 02:23 PM
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.
0
Manisha
Top achievements
Rank 1
answered on 15 Apr 2013, 07:28 AM
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
0
Maria Ilieva
Telerik team
answered on 16 Apr 2013, 02:08 PM
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.
0
Manisha
Top achievements
Rank 1
answered on 16 Apr 2013, 02:40 PM
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
0
Maria Ilieva
Telerik team
answered on 19 Apr 2013, 08:03 AM
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.
Tags
Ajax
Asked by
Manisha
Top achievements
Rank 1
Answers by
Maria Ilieva
Telerik team
Manisha
Top achievements
Rank 1
Share this question
or