Questions on UI for ASP.NET AJAX Forum

1 answer

317 views

Hello,
I have got RadGrid placed inside RadPanelBar. I've got GridButtonColumn ("Submit"). When user click of submit button it ask for confirmation. I want to submit details when user click on OK button. How do access the GridButtonColumn ("Submit") to submit details.

Here is my code..

<telerik:RadPanelBar ID="RadPanelBar1" runat="server">

<Items>

<telerik:RadPanelItem runat="server" Text="Journals" Font-Bold="False">

<Items>

<telerik:RadPanelItem runat="server" Value="PanelItem1">

<telerik:RadGrid ID="TestRadGrid" runat="server" AutoGenerateColumns="False">

<telerik:GridBoundColumn DataField="Name" HeaderText="Name" UniqueName="Name" />

<telerik:GridButtonColumn UniqueName="Submit" Text="Submit" ButtonType="LinkButton"

CommandName="Submit" ConfirmDialogType="RadWindow" ConfirmText="Are you sure you want to submit this request?">
</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

Many thanks.

Grid

answered on 01 Nov 2010

0 answers

136 views

RadComboBox used within ModalPopupExtender - Unable to populate data

Hi,

I have used telerik: RadCombobox with ModelPopupExtender in my application.
I am unable to populate data.
Refer code block to suggest solution.
Kindly Suggest on urgent basis.
Thanks in advance.

<cc1:ModalPopupExtender ID="pop_email" runat="server" TargetControlID="btn_EmailReport" PopupControlID="pan_email" OkControlID="btn_email_Send" CancelControlID="btn_email_cancel"/>

<asp:Panel ID="pan_email" runat="server" CssClass="PopUpControl_Pannel" Style="display: none">

<asp:UpdatePanel ID="up_email" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<asp:Table ID="tbl_email" runat="server">

<asp:TableRow>

<asp:TableCell Width="10px">

<telerik:RadComboBox ID="RadCmbBox_email_to" runat="server"

DataTextField="company" DataValueField="email"

AllowCustomText="true" EmptyMessage="" ZIndex="100000999" ShowDropDownOnTextboxClick="true"

<ItemTemplate>

<div>

<asp:Label ID="lbl_emailID1" runat="server" Text="Alapattah" />

<asp:Label ID="lbl_emailID2" runat="server" Text="Brickell Avenue" />

<asp:Label ID="lbl_emailID3" runat="server" Text="Downtown Miami" />

</div>

</ItemTemplate>

</telerik:RadComboBox>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</ContentTemplate>

</asp:UpdatePanel>

</asp:Panel>

ComboBox

asked on 01 Nov 2010

4 answers

89 views

make the grid to open in EditMode at the begining

Hi
I need to know how to make the grid to be opened at edit mode.
This must be happened after the grid is bind

Grid

answered on 01 Nov 2010

2 answers

153 views

[Solved] rgEditForm with round corners css

Good day!
Our boss wants Edit Popups in RadGrids to look the same like RadWindows do =(
now hey look like at attached picture 1 and he wants them to look like RadWindow at picture 2 - with nice border, rownded corners and so on.
What can I do to make this standard popup windows to look like RadWindows?
thank you!

Grid

answered on 01 Nov 2010

3 answers

2.9K+ views

Script controls must be registered using RegisterScriptControl() before calling RegisterScriptDescriptors(). Parameter name: scriptControl

Hi,
I am using RadToolbar with radttoolbarbutton on defautl.aspx page.OnClientButtonClicked, Radwindow form
(manageuser.aspx) get open.but
when i clicked save button inside Radwindow form(manageuser.aspx) then i get the following error.how to fix it

Script control 'RadWindowManager1' is not a registered script control. Script controls must be registered using RegisterScriptControl() before calling RegisterScriptDescriptors().
Parameter name: scriptControl

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.ArgumentException: Script control 'RadWindowManager1' is not a registered script control. Script controls must be registered using RegisterScriptControl() before calling RegisterScriptDescriptors().
Parameter name: scriptControl

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

Stack Trace:

[ArgumentException: Script control 'RadWindowManager1' is not a registered script control. Script controls must be registered using RegisterScriptControl() before calling RegisterScriptDescriptors().

Parameter name: scriptControl]

System.Web.UI.ScriptControlManager.RegisterScriptDescriptors(IScriptControl scriptControl) +635960

Telerik.Web.UI.RadWebControl.RegisterScriptDescriptors() +82

Telerik.Web.UI.RadWebControl.Render(HtmlTextWriter writer) +108

System.Web.UI.Control.RenderChildrenInternal(HtmlTextWriter writer, ICollection children) +240

System.Web.UI.HtmlControls.HtmlForm.RenderChildren(HtmlTextWriter writer) +253

System.Web.UI.HtmlControls.HtmlForm.Render(HtmlTextWriter output) +87

System.Web.UI.HtmlControls.HtmlForm.RenderControl(HtmlTextWriter writer) +53

System.Web.UI.Control.RenderChildrenInternal(HtmlTextWriter writer, ICollection children) +240

System.Web.UI.Page.Render(HtmlTextWriter writer) +38

System.Web.UI.Control.RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter) +11020923

System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +4240

Window

answered on 01 Nov 2010

4 answers

224 views

changing date in RadDatePicker is different when postback occurs

1. I change the date by highlighting the last 2 number of the year (using the mouse) e.g. "10" in 4/10/2010
2. i change the values to another year(using keyboard). e.g. 07
3. Click on the button to post back
4. In debug mode when i have clicked the button the selected date value shows the last date that was entered into the calendar.

Try doing this same process a couple of times if it doesn't do it the first time.

Is this a know bug?

Browser - IE8 8.0.6001.18702, (firefox 3.6.10 seems to be ok)

Calendar -

<telerik:RadDatePicker ID="StartRange" Runat="server">
                                <Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"></Calendar>
                                <DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
                                <DateInput DisplayDateFormat="d/MM/yyyy" DateFormat="d/MM/yyyy"></DateInput>
                            </telerik:RadDatePicker>

Button - <asp:Button ID="btnView" runat="server" Text="View" Width="80px" onclick="btnView_Click" />

Calendar

answered on 31 Oct 2010

0 answers

112 views

RadTextBox es in RadPanelBar - Tabbing out of text boxes - loss of keyboard focus

Hi

In IE with Telerik 2010.1.415.35

I have three RadTextBox es lined up in a RadPanelBar1 with TabIndexes set properly. Tabbing out of each text boxes, the TextChanged handlers attempt to update items in another RadPanelBar2.

Issue 1: Tabbing out of text box1, it updates the RadPanelBar2 fine. But the focus is not placed in text box 2. Have to manually click in text box 2.

Issue 2: Tabbing out of text box 2, it updates the RadPanelBar2 fine. Shows the focus to be in text box 3. But, keying in doesn't show the keyed in character in text box3. Have to manually click in text box 3.

Issue 3: Tabbing out of text box 3, the TextChanged event is not getting fired.

Here is a sample code...

Would appreciate any pointer regarding anything I am doing wrong or any workarounds.

Thank you
Athadu

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

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

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

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

<asp:ScriptManager 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>

</asp:ScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadSkinManager ID="RadSkinManager1" Runat="server" Skin="Sunset">

</telerik:RadSkinManager>

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

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

</telerik:RadAjaxManager>

<div>

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="100%">

<CollapseAnimation Type="InCubic" Duration="500" />

<ExpandAnimation Type="InCubic" Duration="500" />

<Items>

<telerik:RadPanelItem Text="Search " Expanded="true" runat="server" Selected="true"

Font-Size="Medium" Font-Bold="true">

<Items>

<telerik:RadPanelItem Value="SearchCriteriaPanel" runat="server">

<ItemTemplate>

<table style="width: 98%; margin: auto;">

<tr>

<td>

<telerik:RadTextBox ID="RadTextBox1" runat="server" OnTextChanged="RadTextBox1_TextChanged"

AutoPostBack="true" Label="Text Box 1:" Columns="30" TabIndex="1" />

</td>

<td>

<telerik:RadTextBox ID="RadTextBox2" runat="server" OnTextChanged="RadTextBox2_TextChanged"

AutoPostBack="true" Label="Text Box 2:" Columns="30" TabIndex="2" />

</td>

<td>

<telerik:RadTextBox ID="RadTextBox3" runat="server" OnTextChanged="RadTextBox3_TextChanged"

AutoPostBack="true" Label="Text Box 3:" Columns="30" TabIndex="3" />

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

<br />

<asp:BulletedList ID="ErrorMessageBulletedList" runat="server" ForeColor="Red">

</asp:BulletedList>

<telerik:RadPanelBar ID="RadPanelBar2" runat="server" Width="100%">

<CollapseAnimation Type="InCubic" Duration="500" />

<ExpandAnimation Type="InCubic" Duration="500" />

<Items>

<telerik:RadPanelItem Text="Referral Information" Expanded="true" runat="server"

Selected="true" Font-Size="Medium" Font-Bold="true">

<Items>

<telerik:RadPanelItem Value="SummaryPanel" runat="server">

<ItemTemplate>

<asp:Label ID="DummyLabel" runat="server" Text="I am inside Panel 2"/>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</div>

</form>

</body>

</html>

using System;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

using System.Configuration;

using System.Web.Security;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using Telerik.Web.UI;

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

{

public RadTextBox Box1

{

get

{

return (RadTextBox)RadPanelBar1.FindItemByValue("SearchCriteriaPanel").FindControl("RadTextBox1");

}

public RadTextBox Box2

{

get

{

return (RadTextBox)RadPanelBar1.FindItemByValue("SearchCriteriaPanel").FindControl("RadTextBox2");

}

public RadTextBox Box3

{

get

{

return (RadTextBox)RadPanelBar1.FindItemByValue("SearchCriteriaPanel").FindControl("RadTextBox3");

}

protected void Page_Load(object sender, EventArgs e)

{

RadAjaxManager.GetCurrent(this.Page).AjaxSettings.AddAjaxSetting(Box1, RadPanelBar1);

RadAjaxManager.GetCurrent(this.Page).AjaxSettings.AddAjaxSetting(Box2, RadPanelBar1);

RadAjaxManager.GetCurrent(this.Page).AjaxSettings.AddAjaxSetting(Box3, RadPanelBar1);

RadAjaxManager.GetCurrent(this.Page).AjaxSettings.AddAjaxSetting(Box1, RadPanelBar2, RadAjaxLoadingPanel1);

RadAjaxManager.GetCurrent(this.Page).AjaxSettings.AddAjaxSetting(Box2, RadPanelBar2, RadAjaxLoadingPanel1);

RadAjaxManager.GetCurrent(this.Page).AjaxSettings.AddAjaxSetting(Box3, RadPanelBar2, RadAjaxLoadingPanel1);

}

protected void RadTextBox1_TextChanged(object sender, EventArgs e)

{

RadPanelBar1.Items[0].Text = "Text Box 1 changed to " + Box1.Text;

RadPanelBar2.Items[0].Text = "Text Box 1 changed to " + Box2.Text;

RadAjaxManager.GetCurrent(this.Page).FocusControl(Box2);

//UpdatedTextBox.Text = "Text Box 1 changed to " + RadTextBox1.Text;

}

protected void RadTextBox2_TextChanged(object sender, EventArgs e)

{

RadPanelBar1.Items[0].Text = "Text Box 1 changed to " + Box1.Text;

RadPanelBar2.Items[0].Text = "Text Box 1 changed to " + Box2.Text;

//UpdatedTextBox.Text = "Text Box 2 changed to " + RadTextBox2.Text;

}

protected void RadTextBox3_TextChanged(object sender, EventArgs e)

{

RadPanelBar2.Items[0].Text = "Text Box 3 changed to " + Box3.Text;

RadPanelBar2.CollapseAllItems();

//UpdatedTextBox.Text = "Text Box 2 changed to " + RadTextBox2.Text;

}

PanelBar

asked on 31 Oct 2010

5 answers

214 views

Space RadTapStrip

Hi,

Can anyone please advise how I can lose the space between the tabs and the RadMultiPage (see the attached pic). The code is:

<telerik:RadTabStrip ID="AppsRadTabStrip"

MultiPageID="AppsRadMultiPage"

SelectedIndex="0" ShowBaseLine="true"

runat="server">

<Tabs>

<telerik:RadTab Text="MemoToMp3" PageViewID="MemoToMp3RadPageView">

</telerik:RadTab>

<telerik:RadTab Text="BookLender" PageViewID="">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip><!--

no spaces between the tabstrip and multipage, in order to remove unnecessary whitespace

--><telerik:RadMultiPage ID="AppsRadMultiPage" SelectedIndex="0" runat="server" CssClass="page">

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

<div class="page">

<p>

memoTomp3 is a small, lightweight app which lets you quickly record a few thoughts straight down to an mp3 file.

Kind of like a verbal version of quickly jotting down a thought. So yes, you do need a microphone.

</p>...

</telerik:RadPageView>

</telerik:RadMultiPage>

TabStrip

answered on 31 Oct 2010

4 answers

223 views

[Solved] Delete from grid created in code behind

Hello,
I am trying to delete from a grid that has been created entirely in code behind , how can I reference the grid to perform delete operations?

Grid

answered on 31 Oct 2010

3 answers

232 views

AJAX Time Out

Hello,

I am using "RadAjaxManager" in my application and I want to increase page request time out. How can I do this?

Please help me as I am not as much familiar with telerik controls.

Thanks in advance,
Vatsal

Ajax

answered on 30 Oct 2010