Dear All,

One of our web pages is taking nearly 10 – 12 seconds to load. I analyzed the issue and realized that at server it is taking only 4 seconds and immediately I assumed that the remaining time is taken at the client side to load. I did the following to prove my assumption:

 

I have a Rad splitter and two Rad grids are enclosed in the Rad splitter. The OnClientLoad property of the Rad Splitter is assigned with the javascript method OnClientLoad. Under client events of RadAjaxManager  the OnResponseEnd property is assigned with "responseEnd" javascript mehtod.

 

 

         
--------------------------
   <telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Horizontal"

                ResizeMode="AdjacentPane" OnClientLoad="OnClientLoad"    Style="height: auto !important;"

                Width="100%" BorderSize="0">

 

 

 

     
-------------------------------------
   <ClientEvents OnRequestStart="requestStarted" OnResponseEnd="responseEnd" />

    </telerik:RadAjaxManager>

 

 

I declared global variables and assigned the time when these two events were fired and finally read those variables at the end of responseEnd method by calling alert function to show these variable values in a message box.

 

From these values I observed that the time difference is 6 seconds.

 

From the above observation I concluded that the rendering time of the grids is taking nearly 6 seconds.

 
When user click on the search button in the web page the first rad grid is shown. And when the user clicks on one of the link buttons which is there on every row in the first grid an ajax call is made and the second grid is displayed. Data bind happens to both the grids on the server side during the ajax call.

 
Around 130 rows are displayed in the second grid. And only one column has editable text box. I am using Rad Input Manager control. There are no other calls being made once the page start loading at the client 

Is my above analysis and assumptions are correct? If it is correct, what I can do to improve performance of rendering the grid. Is this an expected behavior for that amount of data?

 

Hi,

I have multiple Radwindow on the same page:

<telerik:RadWindow ID="RadWindow2" runat="server" Modal="true" Animation="Fade" AutoSizeBehaviors="Default" Width="600px" Height="330px"
VisibleStatusbar="false" AutoSize="false" Behaviors="Move" Skin="Outlook"  Title = "Request"
EnableEmbeddedSkins="true" EnableEmbeddedBaseStylesheet="true" KeepInScreenBounds="true" EnableShadow="false" VisibleOnPageLoad="False">
<ContentTemplate>
<p style=" font-family:Verdana; font-size:small; color:#195695; margin:10px; text-align:justify;">
<b>SPC schedule in Galaxy does not match EIS Portal created 'saved' request.</b>
</p>
<p style="font-family:Verdana; font-size:small; color:Navy; text-align:justify; padding-left:5px;">
To see EIS Portal initiated 'saved' request information,please follow instruction below:
</p>
<p style=" font-family:Verdana; font-size:small; color:Navy; text-align:justify; padding-left:5px;">
1. In the 'SEARCH CRITERIA' please choose option 'All' from dropdownlist of the 'Record Stat'.
</p>
<p style=" font-family:Verdana; font-size:small; color:Navy; text-align:justify; padding-left:5px;">
2. Click 'SEARCH' button.

</p>
<p style=" font-family:Verdana; font-size:small; color:Navy; text-align:justify;padding-left:5px;">
On the screen look below 'Employee request(s) Information' and there will be a listing of all requests that
have been made.For this request you will see two lines:
</p>
<p style=" font-family:Verdana; font-size:small; color:Navy; text-align:justify;padding-left:5px;">
1. 'Rec Status' 'G' - Galaxy Generated current request
</p>
<p style=" font-family:Verdana; font-size:small; color:Navy; text-align:justify;padding-left:5px;">
2. 'Rec Status' 'H' - EIS Portal Initiated invalid history request
</p>
<p style=" font-family:Verdana; font-size:small; color:Navy; text-align:justify; margin:10px;">
<b>To update information and send the request for approval you can use 'G' record only.</b>
</p>
<div style="text-align:center;" >
<asp:Button ID="FormButton" runat="server" Text="Go to Form" Width="80px" CssClass="button" OnClick="FormButton_Click"/>
<asp:Button ID="CancelButton" runat="server" Text="Close" Width="80px" CssClass="button" />
</div>

 

<telerik:RadWindow ID="RadWindow3" runat="server" Modal="true" Animation="Fade" AutoSizeBehaviors="Default" Width="600px" Height="190px"
VisibleStatusbar="false" AutoSize="false" Behaviors="Move" Skin="Outlook" Title="AVAILABLE OPTIONS"
EnableEmbeddedSkins="true" EnableEmbeddedBaseStylesheet="true" KeepInScreenBounds="true" EnableShadow="false" VisibleOnPageLoad="False">
<ContentTemplate>
<p style=" font-family:Verdana; font-size:small; color:Navy; padding-left:10px; text-align:justify;">
This option should be use to create 'Place Holder' for the new schedule only.
if you want to proceed click on <asp:Button ID ="SubmitBtn" runat="server" Text="Go To Form"
Width="80px" CssClass="button" OnClick="SubmitBtn_Click" />
</p>
<p style=" font-family:Verdana; font-size:small; color:Navy; text-align:justify; margin:15px; ">
If currently approved schedule already exists for this employee, you can modify it
by clicking on 'Link to Form' Button on the home page.
if you want to proceed with this option click on <asp:Button ID="HomeBtn" runat="server" Text="Home Page"
Width="80px" CssClass="button"/>  
</ContentTemplate>
</telerik:RadWindow>

I would like to have different style of titles for this radwindow.

For example for first RadWindow I want color Navy for second RadWindow I Want color Red and different font sizes as well.

How can I achieve this?

thanks so much for your help.

Vitaly.

 

 

 

Hi:
I am trying to use rad editor inside jquery dialog, but for one reason the editor looks to be disabled, I mean I am not able to type anything on it.

This is the code I am using:



Also, Is it possible when resizing the dialog the radeditor adjust its height and width accordingly?

Regards,
Gabriel

Hi,
Getting the similar error while I am trying to change the font style and size in radeditor. This is happening when I use ContentAreaMode="Div".
Any suggestions please.

Uncaught TypeError: Cannot read property 'length' of undefined
    at Function.Sys.UI.DomEvent._removeHandler (Telerik.Web.UI.WebResource.axd:6)
    at Sys.UI.DomEvent.removeHandler (Telerik.Web.UI.WebResource.axd:6)
    at Telerik.Web.UI.Editor.FontNameDropDown.detachEventHandlers (Telerik.Web.UI.WebResource.axd:5055)
    at Telerik.Web.UI.Editor.FontNameDropDown.dispose (Telerik.Web.UI.WebResource.axd:4988)
    at Function.Type.callBaseMethod (Telerik.Web.UI.WebResource.axd:6)
    at Telerik.Web.UI.Editor.FontNameDropDown.dispose (Telerik.Web.UI.WebResource.axd:5206)
    at Sys._Application.disposeElement (Telerik.Web.UI.WebResource.axd:6)
    at Sys.WebForms.PageRequestManager._updatePanel (Telerik.Web.UI.WebResource.axd:15)
    at Sys.WebForms.PageRequestManager._scriptIncludesLoadComplete (Telerik.Web.UI.WebResource.axd:15)
    at Sys.WebForms.PageRequestManager.<anonymous> (Telerik.Web.UI.WebResource.axd:6)

Thanks,
Sailaja.

Hi Guys,

I am stuck with this problem since a month.

I have used telerk.web.ui.fileexplorer on the left of the page. In this fileexplorer i have added a custom button with label "New Document" and ask for fiilename.

On click of this button, i show telerik web ui window with a textbox. In this dialog on click of submit button i am supposed to grab the entered value in dialog box in parent page and alert it.

But i can't return value to parent page from this dialog box page.

I have already done this with other sample projcet and was successfully able to return value from dialog box to parent page. But when i used this facility with FileExplorer it doesn't seem to work.

Please suggest if i am not going in the right direction, may be i should also look for alternative, but this sample should work i don't know what's going on.

Hi Team,

when i am changing value in  font size drop down the selected value in font name drop down is changes automatically  to default.
here i am unable to predict the selected font name.
i am using 2012 version of telerik.web.ui.dll
could you please help me out.

Regards,
Rushyendra.

Hi,

I have a Rad Scheduler in TimeLine View. It aligns well on the page load, but when we add, delete or edit appointments, the scheduler rebinds and rsVerticalHeaderWrapper div misaligns with rsContentWrapper div. 

The first image shows the scheduler as aligned on PageLoad.

I deleted the appointment "remove block" and the scheduler rebinds which now misaligned the Scheduler as shown in the second image.

Please suggest.

Thanks in Advance.

Hi,
I have used RadEditor in my project and created a demo page using the following HTML and  toolkit.xml
Error is  "Uncaught TypeError: Cannot read property 'length' of undefined "

HTML is :

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>


<%@ 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>
    <script language="javascript" type="text/javascript">
        function OnClientShow(editor, args) {
            //alert(editor.get_id());
            editor.onParentNodeChanged();
            var style = editor.get_contentArea().style;
            style.backgroundImage = "none";
            style.backgroundColor = "white";
            style.minHeight = "100px";
            //style.min-height = "200px";
        }
        function loadGallery(s) {
            alert(s);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
        </Scripts>
    </telerik:RadScriptManager>
    <div>
        <%-- AutoResizeHeight="True" 
    EditModes="Design, Html" ContentAreaMode="Div" ContentFilters="None" ToolsFile="~/toolfile.xml" Runat="server" 
    min-height="200px" OnClientLoad="OnClientShow" Height="100%" Width="99%" --%>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <telerik:RadEditor ID="RadEditor1"  AutoResizeHeight="True" 
    EditModes="Design, Html" ContentAreaMode="Div" ContentFilters="None" ToolsFile="~/toolfile.xml" Runat="server" 
    min-height="200px" OnClientLoad="OnClientShow" Height="100%" Width="99%">
                </telerik:RadEditor>
                
                <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    </form>
</body>
</html>

When i click on button then it will show an error on in javascript and "Font-size" and "Font-name" goes disable .
Please reply . I am waiting for answer.

What could be the meaning of this error. "Clone error. No Target element specified". Comes when I bind data using webservice binding, the error comes in Month View whenever more option is displayed

I am utilizing Kendo 2016.3.1028, and on my webpage I need to use som tools that utilize an older version of jquery than kendo is utilizing.

I import the older version of Jquery through a partial view, which also contains the code for the other tools.

Once I import the older jquery version, however, my kendo objects, stop working. 

My my treeview dataItems apparantly stop existing, and my tabPages stop switching etc. 

Is there a way to make my kendo objects "survive" the importation of another, older version of Jquery?