Questions on UI for ASP.NET AJAX Forum

2 answers

97 views

[Solved] Load Different .aspx in different category Tab

Is there anyone who knows how to do this. I have a navigation menu and I want to load the links in their respective category tabs. ie. report.aspx goes to Report tab and parameter.aspx goes to Parameter tab. I've tried doing it with the radsplitter and radpane but for some reason the width and height of the page gets resized down even when set to 100%.

Here's what i'm trying to do.

<telerik:RadTabStrip runat="server" MultiPageID="RadMultiPage1" SelectedIndex="0"

ID="radstrip1">

<Tabs>

<telerik:RadTab runat="server" Text="Reports" Selected="true">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Parameters">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" Height="100%"

Width="100%">

<telerik:RadPageView ID="pageview1" runat="server" Width="100%" Height="100%">

<telerik:RadSplitter ID="radSplitter1" runat="server" Width="100%" Height="100%"

<telerik:RadPane runat="server" ID="radpane1" ContentUrl="Blank.aspx" Scrolling="None">

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPageView>

<telerik:RadPageView ID="pageview2" runat="server" Width="100%" Height="100%">

<telerik:RadSplitter ID="radSplitter2" runat="server" Width="100%" Height="100%">

<telerik:RadPane runat="server" ID="radpane2" ContentUrl="Blank.aspx" Scrolling="None">

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPageView>

</telerik:RadMultiPage>

Code Behind goes something like this..
If link.Report Then
target ="radpane1"
ElseIf link.ParmSelect Then
target="radpane2"

Greatly appreciated if anyone could help :)

TabStrip

answered on 15 Oct 2012

1 answer

223 views

Javascript(?) inside RadAjaxPanel is broken after ajax update

The problem is easily reproduced with the following example:
ASPX:

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

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

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

<Scripts>

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

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="DropDownList1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div>

<asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"

AutoPostBack="True" CssClass="inputField">

<asp:ListItem Text="-Select-"></asp:ListItem>

<asp:ListItem Text="1" Value="1"></asp:ListItem>

<asp:ListItem Text="2" Value="2"></asp:ListItem>

</asp:DropDownList>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

<asp:Panel ID="Panel1" runat="server" Visible="False" Height="100px" Width="300px">

panel 1

<br />

<telerik:RadNumericTextBox ID="tbNum1" runat="server" MinValue="1">

<NumberFormat DecimalDigits="0"></NumberFormat>

</telerik:RadNumericTextBox>

</asp:Panel>

<asp:Panel ID="Panel2" runat="server" Visible="False">

panel 2

</asp:Panel>

</telerik:RadAjaxPanel>

<telerik:RadButton ID="RadButton1" runat="server" Text="RadButton" OnClick="RadButton1_Click"></telerik:RadButton>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Metro">

</telerik:RadAjaxLoadingPanel>

</div>

</form>

</body>

</html>

Code behind:

using System;

namespace Sample

{

public partial class Test : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

System.Threading.Thread.Sleep(500);

switch (DropDownList1.SelectedIndex)

{

case 1:

{

Panel1.Visible = true;

Panel2.Visible = false;

break;

}

case 2:

{

Panel1.Visible = false;

Panel2.Visible = true;

break;

}

default:

{

Panel1.Visible = false;

Panel2.Visible = false;

break;

}

protected void RadButton1_Click(object sender, EventArgs e)

{

}

After selecting option "1" from the dropdownlist, you see a RadNumericTextBox, in which you can enter any character and not only numbers.(same goes for other controls that use javascript such as DatePicker)
After clicking the button, the controls works like they should.

I've found out that placing the dropdownlist inside the RadAjaxPanel solves the problem, but that's not really what I want in my real web page.
So I'd like to know if I'm not doing it right (I'm not very experienced with the Telerik Ajax controls), or is this a bug?

Ajax

answered on 15 Oct 2012

2 answers

462 views

[Solved] RadListBox Unselect/Uncheck Selected Items

Hi,

Is there a way to unselect and uncheck items in a listbox client side without looping through every item in the list? I see that there is a clearSelection option but this does not uncheck any of the items.
I was hoping to loop through the checked items using the get_checkeditems option but I can't figure out how to loop through the get_checkeditems collection and then uncheck them in javascript.

Thank You
Tracy

ListBox

answered on 15 Oct 2012

1 answer

102 views

Calculated column can crash iis with stack overflow exception

I've been working on a grid with a dynamic number of columns. One of the columns required a sum across columns with a total in a new calculated column. I implemented this and when the expressions for the miscalculation become too large (not very bit at all) it will crash iis with a stack overflow exception.

It's important to note I'm working around another bug where is one of the data values is null calculated expressions don't work.

So I was dynamically defining the expression for the calculated column like so:

for (int i = 0; i < dataColumns.Count; i++)

{

expression += String.Format("({{{0}}} == null ? 0 : {{{0}}})+", IntFormatter.ToString(i));

}

expression = StringFormatter.Left(expression, expression.Length - 1);

ccol.Expression = expression;

When I have 10ish (or more) iterations of the above loop then I get the stack overflow exception from this:

//rebind

RadGridSearch.Rebind();

Removing the calculation allows this to work properly.

I'm reworking my implementation to do the calculation on the database side but thought I should mention this in case anyone else runs into this problem.

Our solution is using a slightly older build: Telerik.Web.UI_2011_2_712_Dev

Grid

answered on 15 Oct 2012

5 answers

164 views

MakeUrlsAbsolute and IECleanAnchors

Hi,

I wonder if we can use MakeUrlsAbsolute and IECleanAnchors together?

In our CMS edit page that use the editor, we need to make all URL Absolute. e.g. www.test.com.my/page1.aspx
But when we set that filter, the Anchor will automatically have the path of the CMS edit page.

E.g.
<A href="http://www.test.my/cms/content_editor.aspx?id=9f81dbc0-4491-4a65-af26-f52bd1c25596#sss">plugged </A>

We try to set IECleanAnchors as well but not working.

What is the correct way to make sure the URL is absolute but the anchor don;t embed the path of the CMS?

Thanks.

Editor

answered on 15 Oct 2012

3 answers

189 views

SelectedTab with TabBar, RadMultiPage and RadAjaxManager

I have a simple page with a TabBar and RadMultiPage. I hooked up the ajaxified the TabBar and MultiPage with the AjaxManager but the selected tab (visually) isn't persisting after clicking on a tab. Code is below. Anything I am missing? It works as expected when removing the AjaxManager and having a regular postback.

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadTabStrip1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" />

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"

AutoPostBack="true">

<Tabs>

<telerik:RadTab Text="Tab 1">

</telerik:RadTab>

<telerik:RadTab Text="Tab 2">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">

<telerik:RadPageView ID="HealthSafetyPage" runat="server">

<p>

Tab 1 content

</p>

</telerik:RadPageView>

<telerik:RadPageView ID="ProcessSafetyPage" runat="server">

<p>

Tab 2 content

</p>

</telerik:RadPageView>

</telerik:RadMultiPage>

TabStrip

answered on 15 Oct 2012

2 answers

96 views

[Solved] client event on calendar popup

Hello

I'd like to catch client event when the calendar appears and disappears (in order to prevent the scheduler autorefresh I implemented...)

How can I achieve this ?

Thanks

Scheduler

answered on 15 Oct 2012

1 answer

128 views

InsertImage and InsertLink display error with Firefox

Hi,

There is a problem to display InsertImage and InsertLink dialogs with Firefox (I am using FF version 15 and 16). These dialogs DO display, but with no elements visible inside. With IE, they are OK. I haven't check this with other versions of FF. Looking into Firebug, I found this CSS bug (in bold):

<tr class="rwContentRow">

</div>

</td>

</tr>

I have to override css classes as below, and they are all OK now.

.reInsertImageWrapper, .reInsertLinkWrapper, .reInsertTableLightWrapper { overflow: visible !important;}

(Up to now, you can see this will affect InsertTableLight too).

Just giving this information, in case others may have the same problems, and the Telerik guys should take more investigation on this.

Thanks.

Editor

answered on 15 Oct 2012

1 answer

43 views

grid issue

Hi,

I have more than one tab. When i clicking the edit tab the grid not appear, after that grid will appear. what i do

Grid

answered on 15 Oct 2012

1 answer

89 views

GoogleLike Filter loses filter

Hello everyone,
I am using the googlelike filter and I have a lot of rows to display, so I have a pager on my radgrid.
Everytime I want to go to the next page the rows aren't filtered anymore - how can I fix this bug?

Please help me, thank you.

Regards, esmyy.

Grid

answered on 15 Oct 2012