Questions on UI for ASP.NET AJAX Forum

7 answers

311 views

Show file count

I am using Rad File Explorer, i have disabled file navigator. I would like to display file count for folder as below.

Folder1(10)
Folder2(23)
.
.
.
.
Sample(200).

Can you please suggest a way?

FileExplorer

answered on 16 Jul 2012

1 answer

96 views

Knowing when upload is Finished

Does anyone know how I can know when all files are finished uploading server-side, so I can redirect to another page?

Thanks,
John

AsyncUpload

answered on 16 Jul 2012

12 answers

435 views

TabIndex

Hello,

When the tab key is used to navigate through the controls on a web page that contains a RadEditor, when the RadEditor is reached the toolbar buttons are activated before the editor itself. Is there a way to have the editor activated before the toolbar buttons?

Thanks,
Craig

Editor

answered on 16 Jul 2012

3 answers

188 views

Bind data to combo from a web service on load

Hi,

I have a combobox that need to have its items populated based on the results from a web service. I did try the below and could not get it working. Help appreciated.

<telerik:RadComboBox ID="radTestCombo" runat="server" EnableLoadOnDemand="true"

EnableItemCaching="true" WebServiceSettings-UseHttpGet="true" OnClientLoad="GetServers" Label="Servers">

</telerik:RadComboBox>

Below is the javascript i use to get the information from a web service.

function GetServers(sender, eventArgs) {

combo = sender;

combo.trackChanges();

$.ajax({

url: "http://localhost/sampleservice/sample.svc/GetAll",

dataType: 'json',

type: "GET",

success: function (data) {

alert('success');

$.each(data, function (i, val) {

var comboItem = new Telerik.Web.UI.RadComboBoxItem();

alert(comboItem);

comboItem.set_text(val.toString());

combo.get_items().add(comboItem);

});

}

});

combo.commitChanges();

alert(combo.get_items().get_count());

}

The alert with "success" message is never called but from fiddler i get a 200 Http status code. The WCF service method returns a list of string. Below is the raw response from fiddler:

HTTP/1.1 200 OK

Content-Length: 602

Content-Type: application/json; charset=utf-8

Date: Thu, 12 Jul 2012 15:34:46 GMT

["John","Smith","Charlie","DAVID","James","Bond"]

Additionally i did remove the dataType setting in the ajax call and resulted in the same. Also i did add an error setting with an alert and have this popup on my screen even though Fiddler reported a 200 OK status with the data.

ComboBox

answered on 16 Jul 2012

1 answer

52 views

Right side pict is shifted.

Hi all,

I have a skinning problem with RadButton in IE, but not in FF and Chrome.
The RadButton right side picture is shifted for 20px and I cannot find out why.
Can you give me a hint what to check.

I am using RadAjax version 2011.2.712.35 within DNN.
I would post the html code, but the zip. extension is not allowed ;(

Thank you,
Kristijan

Button

answered on 16 Jul 2012

2 answers

709 views

Cannot stop window scrolling to top when postback occurs in modal window

Hi

I have a very large rad grid and when a user clicks edit on the grid I make a radwindow pop up from the code behind (the reason I do it from the code behind is because I need to do some serverside stuff to populate the radwindow).
This works fine, but when a button is clicked in the radwindow the page posts back, the window closes and the pages scrolls back to the top. I don't mind the window closing, but I need it to stay at the same scroll position.
I have tried to add the javascript on this page: http://www.telerik.com/support/kb/aspnet-ajax/window/persist-radwindow-s-scroll-position.aspx but it doesn't work.
I have wrapped the whole page in an ajax panel and I have just tried added an ajax panel in the rad window, none of which work.

The radgrid and radwindow are in a user control.
I'm not sure what else to try?
Can anyone help?

I have isolated this into a very basic page and here is my code:

Webusercontrol1:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WebUserControl1.ascx.cs"

Inherits="TestRadWindow.WebUserControl1" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<telerik:RadScriptManager runat="server">

</telerik:RadScriptManager>

<script type="text/javascript">

var body = document.body;

var docElem = document.documentElement;

var bodyScrollTop = 0;

var bodyScrollLeft = 0;

var docElemScrollTop = 0;

var docElemScrollLeft = 0;

function OnClientBeforeClose(sender, args) {

bodyScrollTop = body.scrollTop;

bodyScrollLeft = body.scrollLeft;

docElemScrollTop = docElem.scrollTop;

docElemScrollLeft = docElem.scrollLeft;

}

function OnClientClose() {

setTimeout(function () {

body.scrollTop = bodyScrollTop;

body.scrollLeft = bodyScrollLeft;

docElem.scrollTop = docElemScrollTop;

docElem.scrollLeft = docElemScrollLeft;

}, 30);

}

function OpenWnd() {

$find("wnd").show();

}

</script>

<telerik:RadAjaxPanel runat="server">

<telerik:RadWindowManager runat="Server" ID="RadWindowManager1" EnableViewState="false">

<Windows>

<telerik:RadWindow runat="server" ID="winEdit" Width="300px" Height="450px" ReloadOnShow="true"

ShowContentDuringLoad="false" Modal="True" Behaviors="Close, Move" VisibleTitlebar="true"

VisibleStatusbar="false" AutoSize="True" KeepInScreenBounds="True" OnClientBeforeClose="OnClientBeforeClose"

OnClientClose="OnClientClose">

<ContentTemplate>

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

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<telerik:RadGrid runat="server" ID="grdTest" AutoGenerateColumns="False" EnableLinqExpressions="False"

OnNeedDataSource="grdTest_NeedDataSource" Width="200px" CellSpacing="0" GridLines="None">

<MasterTableView>

<Columns>

<telerik:GridBoundColumn runat="server" DataField="Id" />

<telerik:GridTemplateColumn>

<ItemTemplate>

<asp:LinkButton runat="server" ID="lnkEdit" OnClick="lnkEdit_Click" Text="Edit" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid></telerik:RadAjaxPanel>

My user control code behind:

protected void Page_Load(object sender, EventArgs e)

{

}

protected void grdTest_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

List<TestBind> binding = new List<TestBind>();

for(int i=0;i<=500; i++)

{

TestBind t = new TestBind();

t.Id = i;

binding.Add(t);

}

grdTest.DataSource = binding;

}

protected void lnkEdit_Click(object sender, EventArgs e)

{

string script = "function f(){var win=$find(\"" + winEdit.ClientID + "\"); " +

" win.show(); Sys.Application.remove_load(f);}Sys.Application.add_load(f);";

winEdit.VisibleOnPageLoad = true;

ScriptManager.RegisterStartupScript(Page, Page.GetType(), "key", script, true);

}

class TestBind

{

public int Id { get; set; }

}

My webform:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="TestRadWindow.WebForm1" %>

<%@ Register src="WebUserControl1.ascx" tagname="WebUserControl1" tagprefix="uc1" %>

<!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>

</head>

<body>

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

<div>

<uc1:WebUserControl1 ID="WebUserControl11" runat="server" />

</div>

</form>

</body>

</html>

Any help would be appreciated as I have spent hours on this now.

Bex

Window

answered on 16 Jul 2012

1 answer

140 views

editor image manager refresh image / save image doesn't work very well

Hi Telerik team,

We have an issue with image manager in the editor. When we refresh page or save image, it throws error message.

Details :

1. we use Web Farm
2. telerik product version : 2012.1.411.40
3. the issue is not browser specific
4. random happens but not always
5. error message ( please see the attachment )
"System.NullReferenceException: Object reference not set to an instance of an object.
at Telerik.Web.UI.ImageEditor.ImageEditorCacheHandler.SendImage"

Please help us out.

Thanks,

Lan

Editor

answered on 16 Jul 2012

1 answer

235 views

Quarter Date Picker

Hi,

Is there a way to show the date picker control as a quarter picker? I have requirements to allow the user to pick a date by quarter.

Thanks,

Calendar

answered on 16 Jul 2012

3 answers

274 views

vertical space and border color in radwindow

hi
i used the below code to show rad window

<telerik:RadWindowManager EnableShadow="false" VisibleTitlebar="false" VisibleStatusbar="false"

Behaviors="Close, Move" ID="RadWindowManager" DestroyOnClose="true" KeepInScreenBounds="true"

EnableAriaSupport="false" RestrictionZoneID="RestrictionZone" runat="server"

Width="300" MinHeight="200">

<Shortcuts>

<telerik:WindowShortcut CommandName="CloseAll" Shortcut="Esc" />

</Shortcuts>

<Windows>

<telerik:RadWindow ID="RadWindow1" BorderColor="Gray" BorderWidth="20px" VisibleOnPageLoad="true"

Modal="true" runat="server">

<ContentTemplate>

<p>

<telerik:RadTextBox ID="RadTextBox1" runat="server">

</telerik:RadTextBox>

</p>

<p>

<telerik:RadTextBox ID="RadTextBox2" runat="server">

</telerik:RadTextBox>

</p>

<div style="height: 200px">

</div>

<p>

<telerik:RadTextBox ID="RadTextBox3" runat="server">

</telerik:RadTextBox>

</p>

<p>

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

</p>

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

I need to add vertical space between the control, so i added <div style="height: 200px"> , then the window's height is not automatically increasing rather scroll bar is showing. how to add vertical space and automatically adjust height without showing scroll bar?
any help?
also how to set the border color for rad window?

i am using telerik version : 2012.1.215
thanks in advance

Jiju

Window