Questions on UI for ASP.NET AJAX Forum

0 answers

61 views

Upgrading from AJAX Q3 2009 to the latest version

I created a web forms application that used controls from AJAX Q3 2009. That application was never released at that time. Now we are planning to go back and start working on it again. I want to use the latest control versions Q3 2011 SP1 (v2011.3.1305, Jan. 6, 2012).
Is there any known issues in doing this upgrade? I need to figure out if it's worth upgrading to the latest controls or not.

thank you

General Discussions

asked on 09 Feb 2012

1 answer

92 views

Node text blurry/shadowed in disabled treeview

I'm not sure if this is something in our CSS that's causing this or not...

If I set my treeview to disabled, the nodes seem to be a gray color, but have a white shadow. I've attached a picture of what I'm seeing. it's easier to see the "shadow" on the selected node, but it is visible on the non selected nodes too. Any idea what's causing this?

On a tangent, is there any way to prevent the user from selecting different nodes and collapsing nodes other than just totally disabling the entire treeview?

TreeView

answered on 09 Feb 2012

2 answers

66 views

RadAjaxLoadingPanel

I am having a strange problem that I can reproduce. I have a Windows 2008 R2 server with the default Document setup to bring up the default.aspx page. I am running the latest build of the Telerik controls.

On my default.aspx page all I have on the page is the RadScriptManager, RadAjaxLoadingPanel, RadAjaxPanel and a asp button inside the RadAjaxPanel. The RadAjaxPanel is set with the LoadingPanelID of the RadAjaxLoadingPanel.

On the button click event I have System.Threading.Thread.Sleep(5000) this is to just have the loading panel display the loading image just to make a simple test.

This all works just if I call the http://sitename/default.aspx page, but if I just call the http://sitename and have the server load the default document “default.aspx “ the loading panel will not function and display the image. The problem only occurs on Windows server 2008 R2. I do not have the problem on Windows server 2008 or Windows 7.

I have contacted Telerik support and they have basically told me this is my problem, even though I have recreated this on 3 different Windows 2008 R2 servers and 2 different projects. So I guess I am just wondering if any of you have seen this problem or you could test this and see if this is really just me.

Thanks for any help

Mark

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<div>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server"

Skin="Default">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" height="200px"

HorizontalAlign="NotSet" LoadingPanelID="RadAjaxLoadingPanel1" width="300px">

<asp:Button ID="Button1" runat="server" Text="Button" />

</telerik:RadAjaxPanel>

<br />

</div>

</form>

</body>

</html>

Imports Telerik.Web.UI

Partial Class _Default

Inherits System.Web.UI.Page

Protected Sub Button1_Click(sender As Object, e As System.EventArgs) Handles Button1.Click

System.Threading.Thread.Sleep(5000)

End Sub

End Class

Web.Config

<?xml version="1.0" encoding="UTF-8"?>

<configuration>

<appSettings>

<add key="Telerik.ScriptManager.TelerikCdn" value="Disabled" />

<add key="Telerik.StyleSheetManager.TelerikCdn" value="Disabled" />

</appSettings>

<system.web>

<compilation debug="false" strict="false" explicit="true" targetFramework="4.0" />

<pages>

<controls>

<add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" />

</controls>

</pages>

<httpHandlers>

<add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false" />

<add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />

</httpHandlers>

<httpModules>

<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule" />

<add name="RadCompression" type="Telerik.Web.UI.RadCompression" />

</httpModules>

</system.web>

<system.webServer>

<validation validateIntegratedModeConfiguration="false" />

<modules runAllManagedModulesForAllRequests="true">

<remove name="RadUploadModule" />

<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule" preCondition="integratedMode" />

<remove name="RadCompression" />

<add name="RadCompression" type="Telerik.Web.UI.RadCompression" preCondition="integratedMode" />

</modules>

<handlers>

<remove name="ChartImage_axd" />

<add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode" />

<remove name="Telerik_Web_UI_SpellCheckHandler_axd" />

<add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode" />

<remove name="Telerik_Web_UI_DialogHandler_aspx" />

<add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode" />

<remove name="Telerik_RadUploadProgressHandler_ashx" />

<add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode" />

<remove name="Telerik_Web_UI_WebResource_axd" />

<add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode" />

</handlers>

<defaultDocument>

<files>

<clear />

<add value="default.aspx" />

<add value="MaintenanceEntry.aspx" />

<add value="Default.htm" />

<add value="Default.asp" />

<add value="index.htm" />

<add value="index.html" />

</files>

</defaultDocument>

</system.webServer>

</configuration>

Ajax

answered on 09 Feb 2012

2 answers

132 views

About An EditableImage Problem

Hi,

I have an issue about EditableImage. I'm trying to resize images but i get some exceptions like "Image stream seems to be causing issues" or "The source of the image seems to be invalid".

It doesn't throw exceptions always. Only some images couse the error. For example I attached two image. Org is the original image. And the other is edited image.

Org gives error. When i edit in photoshop and resize width to 750px it works.

My code is here :

protected void btnAddImage_Click(object sender, System.EventArgs e)

Stream StreamImage = flImage.PostedFile.InputStream;

MemoryStream ms = new MemoryStream();

byte[] imgData = new byte[StreamImage.Length];

StreamImage.Read(imgData, 0, imgData.Length);

ms.Write(imgData, 0, imgData.Length);

SaveImage(ms, "g_" + PhotoID.ToString(), 610, 610);

}

void SaveImage(MemoryStream ms, string FileName, int Width, int Height)

{

try

{

EditableImage image = new EditableImage(ms);

decimal oran = 0;

Size s;

if (!(Width > image.Width && Height > image.Height))

{

if ((Width / Convert.ToDecimal(image.Width)) > (Height / Convert.ToDecimal(image.Height)))

{

//Height

oran = Height / Convert.ToDecimal(image.Height);

s = new Size(Convert.ToInt32(oran * image.Width), Convert.ToInt32(oran * image.Height));

}

else

{

//Width

oran = Width / Convert.ToDecimal(image.Width);

s = new Size(Convert.ToInt32(oran * image.Width), Convert.ToInt32(oran * image.Height));

}

image.Resize(s);

}

image.Image.Save(Server.MapPath(Settings["FolderPath"].ToString() + FileName + ".jpg"), System.Drawing.Imaging.ImageFormat.Jpeg);

}

catch (Exception ex)

{

throw ex;

}

Thanks for your help.

ImageEditor

answered on 09 Feb 2012

2 answers

220 views

Rad DatePicker's Clear() is not working.- URGENT

Hi,

I am using rad datepicker and i am clearing it if today or future date is selected and i am using it as below
Note: IT IS USED IN GRID'S EDIT FORM SETTING.

function OnToDateSelected() {
                var HidCurrentDate = document.getElementById("ctl00_MainContent_hidCurrentDate");
                var CurrentDate = DateConversionForHidden(HidCurrentDate.value);

                var ServerIdRadioBtnlst = "rblOwnerTypeC";
                var tagNameRblbtnList = "input";
                var rblListC = GetGridServerElement(ServerIdRadioBtnlst, tagNameRblbtnList);//this will find the id of control used in grid in js

                var ServerIdRadioBtnlst = "rblOwnerTypeP";
                var tagNameRblbtnList = "input";
                var rblListP = GetGridServerElement(ServerIdRadioBtnlst, tagNameRblbtnList);
                if (rblListP.checked == true) {

                    var serverIDTo = "rdpPeriodTo";
                    var tagNameTo = "input";
                    var rdpPeriodTo = GetGridServerElement(serverIDTo, tagNameTo);
                    var ToDate = DateConversion(rdpPeriodTo.value);

                    if (ToDate >= CurrentDate) {
                        alert("you can't use current or future date in previous Owner");
                        rdpPeriodTo.clear();
                        return false;
                    }

                }

            }

<telerik:RadDatePicker ID="rdpPeriodTo" runat="server" Width="105px" Style="float: left;
                                            margin: 10px 0px 0px 0px;" ClientEvents-OnDateSelected="OnToDateSelected">
                                            <DateInput ID="DateInput2" runat="server" Font-Names="Georgia" >
                                            </DateInput>
                                            <Calendar ID="Calendar2" runat="server" ShowRowHeaders="false">
                                                <SpecialDays>
                                                    <telerik:RadCalendarDay Repeatable="Today" Date="">
                                                        <ItemStyle CssClass="rcToday" />
                                                    </telerik:RadCalendarDay>
                                                </SpecialDays>
                                            </Calendar>
                                        </telerik:RadDatePicker>

above functionality is showing javascirpt error "Error: rdpPeriodTo.clear is not a function". I think it is not working due to rad date picker used in Grid .... but i am getting the id of that rad date picker by using GetGridServerElement() method (provide by telerik). Please help me it is urgent.

Calendar

answered on 09 Feb 2012

3 answers

67 views

RadCombobox Filtering not working and shows error ""Stop running this script? A script on this page causing IE to run slowly..."

Hi,
We are using Telerik Rad Combobox in many pages of multiple applications. All pages were working fine till recently.

All of a sudden users are not able to filter data in Combobox by typing keywords. The filtering is not working properly and also results in the below error in almost all pages.

"Stop running this script? A Script on this page is causing Internet Explorer to run slowly. If it continues to run, your computer may become unresponsive. Yes / No"

This happens in multiple applications hosted on multiple servers.
Any idea on how to troubleshoot this issue?

Our applications are running on .Net 2.0 and Telerik version is 2008.2.826.20

Thanks in advance,
Muhammed Saleem

ComboBox

answered on 09 Feb 2012

10 answers

186 views

Multiple RadAjaxManagerProxy within page allowed?

I've built a control which is a checkbox, grid, and RadAjaxManagerProxy. When a grid or checkbox event is raised, I put a loading panel over the grid while I'm working. This works great in two of the three places I use it.

In the first instance, this control is used a single time in a page without a master page--the page has the RadAjaxManager directly. Works great.

In the second, this control is used multiple times in a page whose master page has the RadAjaxManager. Works great.

The one which isn't working is a situation where my control is in a page which uses the same master as #2. It works great when I don't try to ajax this page's buttons (which are Peter Blum controls, if that matters). However, in this page, what I'd like to have happen is to ajax buttons in the page (but outside my control), then make my control become visible after save.

It might be important to note that when page #3's buttons are not ajax-ified, things work great; my control becomes visible and useable after the full postback. I'm just trying to add a nice indication to the user that the save is working, since it takes a couple of seconds (on dev, anyway).

I add the pieces step-by-step to page #3: first the RadAjaxManagerProxy, test --> good. Next, I make my save button the AjaxSetting and the updated control, showing a loading panel over it, test --> good. Works great up to this time except (of course) my control doesn't see the state change from invisible to visible.

As soon as I add my control to the list of AjaxUpdatedControls, my control becomes visible after the Save button (yay!). Unfortunately, when I try to use it (say, click the grid's 'Add' CommandItem, I get the old javascript null-reference sort of exception deep within telerik's javascript.

Based on this testing, I'm thinking that the control is getting confused by the 'stacking' of RadAjaxManagerProxy elements, or (possibly). My second use of the control shows that RadAjaxManagerProxy can successfully see a RadAjaxManager more than one level up, but in page #3 I have a RadAjaxManagerProxy siting in the page between my control and master, and it seems that's what casuing the problem.

Anyway, any ideas how I can add ajax to both the page and the control included in the page, while also allowing the control to be used in other places which may or may not have ajax?

Thanks a million,

Scott

Ajax

answered on 09 Feb 2012

3 answers

78 views

Slider Issue

Hello Support Team,

I have a query, so I need your help that I am using RadSlider control, as you know that there are imagebuttons on both of side slider control, but does not skip to the next image that is between the next dotted vertical lines. Could we change the left and right scrolling to skip to the next image instead of scrolling through the images. I have also attached an image, so you can grab it.

Have a nice day.

Slider

answered on 09 Feb 2012

0 answers

149 views

javascript validation for textbox controls.

hi friends,
i doing a validation on client side to insert a values.
the javascript script validation code are

function validate() {

if (document.getElementById("<%=rcmbcurrencycode.ClientID%>").value == "Select") {

alert("Currency Code can not be blank");

return false;

}

if (document.getElementById("<%=rtxtinteresttype.ClientID%>").value == "") {

alert("Interest Type can not be blank");

return false;

}

but my problem is , i can not validated length of the string and to check numeric or alphabetic for currency and name and age

i used following snippets of code check the data are characters are not

var alphaExp = /^[a-zA-Z]+$/;

if (document.getElementById("<%=rtxtinteresttype.ClientID%>").value == "") {

alert("Interest Type can not be blank");

return false;

if (rtxtinteresttype.value.match(alphaExp)) {

return true;

}

else {

alert("pls enter only numbers");

return false;

}

but its not working for me.
can anyone tell me what mistake i have done in this code.
thanks in advance
S.Rajkumar