Questions on UI for ASP.NET AJAX Forum

2 answers

209 views

[Solved] Radcombobox Selected valuew not working inside a radgrid

Hi,

I have a radgrid with 5 radcomboboxes inside edoit item itemplate.In the edit mode of radgrid the selected value property of combobox working for only two combo boxes but not for other.Please anybody give4 me the solution.Here is my radgrid sourcecode

<

telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" AutoGenerateColumns="False"

CellSpacing="0" GridLines="None" Height="520px" OnNeedDataSource="RadGrid1_NeedDataSource"

OnUpdateCommand="RadGrid1_UpdateCommand" PageSize="20" Skin="WebBlue" Visible="False"

OnPreRender="RadGrid1_PreRender">

</ClientSettings>

</RowIndicatorColumn>

</ExpandCollapseColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Edit" HeaderStyle-Width="4%"

HeaderText="Edit" Text="Edit" UniqueName="EditButton" Visible="true">

</telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="Total Items" FilterControlAltText="Filter Total_Items column"

HeaderStyle-Font-Bold="true" HeaderStyle-Width="6%" HeaderText="Mapped Items"

ReadOnly="true" SortExpression="Total_Items" UniqueName="Total_Items">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn EditFormHeaderTextFormat="<font color='red'>*</font>{0}"

HeaderStyle-Font-Bold="true" HeaderStyle-Width="6%" HeaderText="Ariba_Cat1" UniqueName="Ariba_Cat1">

<asp:Label ID="lbl_catone" runat="server" Text='<%#Eval("Ariba_Cat1") %>'></asp:Label>

</ItemTemplate>

<telerik:RadComboBox ID="rcb_aribacatone" runat="server" DataSourceID="Ariba_Cat1"

DataTextField="ariba_cat1" DataValueField="ariba_cat1">

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn EditFormHeaderTextFormat="<font color='red'>*</font>{0}"

HeaderStyle-Font-Bold="true" HeaderStyle-Width="6%" HeaderText="Ariba_Cat2" UniqueName="Ariba_Cat2">

<asp:Label ID="lbl_cattwo" runat="server" Text='<%#Eval("Ariba_Cat2") %>'></asp:Label>

</ItemTemplate>

<telerik:RadComboBox ID="rcb_aribacattwo" runat="server" DataSourceID="aribacat2"

DataTextField="ariba_cat2" DataValueField="ariba_cat2" >

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn EditFormHeaderTextFormat="<font color='red'>*</font>{0}"

HeaderStyle-Font-Bold="true" HeaderStyle-Width="6%" HeaderText="Ariba_Cat3" UniqueName="Ariba_Cat3">

<asp:Label ID="lbl_catthree" runat="server" Text='<%#Eval("Ariba_Cat3") %>'></asp:Label>

</ItemTemplate>

<telerik:RadComboBox ID="rcb_aribacatthree" runat="server" DataSourceID="SubCategory"

DataTextField="ariba_cat3" DataValueField="ariba_cat3" >

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn EditFormHeaderTextFormat="<font color='red'>*</font>{0}"

HeaderStyle-Font-Bold="true" HeaderStyle-Width="6%" HeaderText="Ariba_Cat4" UniqueName="Ariba_Cat4">

<telerik:RadComboBox ID="rcb_aribacatfour" runat="server" DataSourceID="ds_aribafour"

DataTextField="ariba_cat4" DataValueField="ariba_cat4" SelectedValue='<%# Bind("Ariba_Cat4") %>'>

</telerik:RadComboBox>

</EditItemTemplate>

<asp:Label ID="lbl_catfour" runat="server" Text='<%#Eval("Ariba_Cat4") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn EditFormHeaderTextFormat="<font color='red'>*</font>{0}"

HeaderStyle-Font-Bold="true" HeaderStyle-Width="6%" HeaderText="Ariba_Cat5" UniqueName="Ariba_Cat5">

<telerik:RadComboBox ID="rcb_aribacatfive" runat="server" DataSourceID="ds_catfive"

DataTextField="ariba_cat5" DataValueField="ariba_cat5" SelectedValue='<%# Bind("Ariba_Cat5") %>'>

</telerik:RadComboBox>

</EditItemTemplate>

<asp:Label ID="lbl_catfive" runat="server" Text='<%#Eval("Ariba_Cat5") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</EditColumn>

</EditFormSettings>

</MasterTableView>

</FilterMenu>

</telerik:RadGrid>

while clicking on edit button getting below error.

Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Selection out of range
Parameter name: value

Grid

answered on 31 May 2012

2 answers

182 views

How to retrieve Items server side after postback

I'm using the RadListbox to edit a list of data client side, but need to retrieve the list on postback on the server.

From the server side I populate the list using the Items property. The list display well client side and using javascript I can reorder the list, add item and remove item.

Since the list is modified client side, i need to retrieve the modified list on the server. But I haven't found a way to do this. The Items property of the RadListBox is alway empty after the postback. How can I achieve this with the RadListBox? Is this something possible or should I add my own hidden control to keep track of everything?

thank you

ListBox

answered on 31 May 2012

3 answers

85 views

[Solved] I can get the tab to select, but not the form underneath.

Hi Telerik forum people. Maybe you have some ideas I can try.

I have a TabStrip with 7 tabs. One of the tabs has a Text property value of "Documents." I'm trying to get the page that contains this TabStrip to load with the Documents tab showing. So far, I've been able to get the Documents tab label at the top of the TabStrip to show up, but I can't get the form inside that tab to show up. Instead, I get the form from a different tab (the first tab, actually) to show up.

I'm basically using this code to get the Documents tab to show up:

RadTab documentsRadTab = mainTmTabStrip.TabStrip.Tabs.FindTabByText("Documents");

documentsRadTab.Selected = true;

mainTmTabStrip.TabStrip.SelectedIndex = documentsRadTab.Index;

I've looked all over the API and at forum posts and elsewhere on-line, and... I feel as though at this point I'm a little spun-around, dizzy from trying to find the solution. Can you provide some ideas that I could try out? Thanks very much for your time and ideas.

-GP

TabStrip

answered on 31 May 2012

4 answers

119 views

How to remove extra item(-) in rad new Scheduler appointment window

Hi,
I am using RadScheduler to create an new appointment(i am using latest version of Telerik.Web.UI.dll version 2012.1.501.40).
When i bind the ResourceType from C# code behind

ResourceType rt = new ResourceType("UserCalender");

rt.ForeignKeyField = "UserTypeId";

rt.KeyField = "UserTypeId";

rt.TextField = "UserTypeName";

rt.DataSource = GetUserTypes();

RadScheduler1.ResourceTypes.Add(rt);

i am getting 1 extra option "-" in my comboBox
Like
"-"
"Development"
"Testing"

I do not want that Extra "-" in my combobox. So How to i remove that one and how do i select default option in combobox?

Scheduler

answered on 31 May 2012

1 answer

115 views

GridGridboundclomns alignment issue while in edit mode

I am using edit form template (EditFormType="Template") to edit rows of my grid. My issue is, if I am editing row 7, rows 1 to 6 look fine but the rows 8,9,etc are not aligned properly. they look like one long string instead of individual columns (see image below). I have implemented this following below article

http://demos.telerik.com/aspnet-classic/grid/examples/DataEditing/TemplateFormUpdate/DefaultCS.aspx

the only difference is I am binding the datasource in needdatasource event instead of from sqldatasource control.
this is how my page looks like. even the Add new Record is above the rows 4,5.

Please let me know if any one has any solution for this.

Thanks.

Grid

answered on 31 May 2012

1 answer

92 views

RadWindow & outputcache in control

I followed the instructions for embeding script and skin in a control when outcache is present on a page and I still can't get my code to work.

On my master page I have the following code

<head runat="server">

<title></title>

<link id="Link1" runat="server" href="~/Skins/Menu.css" rel="stylesheet" type="text/css" />

<link id="Link2" runat="server" href="~/Skins/Default/Menu.Default.css" rel="stylesheet" type="text/css" />

<link id="Link3" runat="server" href="~/Skins/SiteMap.css" rel="stylesheet" type="text/css" />

<link id="Link4" runat="server" href="~/Skins/Default/SiteMap.Default.css" rel="stylesheet" type="text/css" />

<link id="Link5" runat="server" href="~/Skins/Tooltip.css" rel="stylesheet" type="text/css" />

<link id="Link6" runat="server" href="~/Skins/Window.css" rel="stylesheet" type="text/css" />

<link id="Link7" runat="server" href="~/Skins/Default/ToolTip.Default.css" rel="stylesheet" type="text/css" />

<link id="Link8" runat="server" href="~/Skins/Default/Window.Default.css" rel="stylesheet" type="text/css" />

<link id="Link9" runat="server" href="~/Skins/Telerik/ToolTip.Telerik.css" rel="stylesheet" type="text/css" />

<link id="LinkA" runat="server" href="~/Skins/Telerik/Window.Telerik.css" rel="stylesheet" type="text/css" />

</head>

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

<Scripts>

<asp:ScriptReference Path="~/Scripts/Common/Core.js" />

<asp:ScriptReference Path="~/Scripts/Common/jQuery.js" />

<asp:ScriptReference Path="~/Scripts/Common/jQueryPlugins.js" />

<asp:ScriptReference Path="~/Scripts/Common/PopUp/PopUpScripts.js" />

<asp:ScriptReference Path="~/Scripts/Common/Animation/AnimationScripts.js" />

<asp:ScriptReference Path="~/Scripts/Common/Navigation/NavigationScripts.js" />

<asp:ScriptReference Path="~/Scripts/Menu/RadMenuScripts.js" />

<asp:ScriptReference Path="~/Scripts/SiteMap/RadSiteMap.js" />

<asp:ScriptReference Path="~/Scripts/Window/RadWindowScripts.js" />

<asp:ScriptReference Path="~/Scripts/Window/RadWindowManager.js" />

<asp:ScriptReference Path="~/Scripts/ToolTip/RadToolTip.js" />

<asp:ScriptReference Path="~/Scripts/ToolTip/RadToolTipManager.js" />

<asp:ScriptReference Path="~/Scripts/Common/TouchScrollExtender.js" />

</Scripts>

</telerik:RadScriptManager>

In my usercontrol I have the following declarations

<telerik:RadToolTipManager runat="server" AnimationDuration="300"

ShowDelay="200" HideDelay="10" ID="RadToolTipManager1" Width="480px"

RelativeTo="BrowserWindow" Animation="Slide" Position="TopCenter"

OnAjaxUpdate="OnAjaxUpdate" Skin="Telerik" OffsetY="150" ShowEvent="OnClick" EnableEmbeddedScripts="false" EnableEmbeddedBaseStylesheet="false" EnableEmbeddedSkins="false" />

<telerik:RadWindowManager ID="Singleton" Skin="Telerik" Width="400" Height="630"

VisibleStatusbar="false" Behaviors="Close,Move, Resize" runat="server"

EnableShadow="true" OnClientClose="OnClientClose" Animation="Fade"

AutoSize="false" AutoSizeBehaviors="Default" DestroyOnClose="False" VisibleOnPageLoad="true"

ShowContentDuringLoad="False" EnableEmbeddedScripts="false" EnableEmbeddedBaseStylesheet="false" EnableEmbeddedSkins="false">

</telerik:RadWindowManager>

If I take out outputcache from my pages and enable embedded scripts and skins everything works fine. Can someone tell me what I'm doing wrong?

Window

answered on 31 May 2012

2 answers

246 views

Gaussian curve ?

Hello world,

I'm new here. I'm in charge of a project and we have to chose wich tools we will use to create an application.
Telerik is a part of the analysis. In order to make a good decision, we must know if there is some functionnalities that we used to give to our customers. For the chart part, only one question :

Is there any easy way to build a gaussian curve ?
Like this one :

I mean, with areas and the possibility to use an equation.
If it's not, would it be added inside telerik for a next release ?

Many thanks.

Chart (Obsolete)

answered on 31 May 2012

2 answers

174 views

2 - Top and bottom datapager controls,synced

I'm trying to add my datapager on both the top and bottom of the page. I figured it would be just adding a second RadDataPager with a different ID set to the same PageControlID, but I get an error when I test the page. Here is what I have markup wise, this is just one controller.

How would I add that second control in and have it appear at the top of the page?

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

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

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

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadListView1">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

<telerik:RadListView ID="RadListView1" Width="97%" AllowPaging="True" runat="server"

AllowSorting="true" ItemPlaceholderID="ProductsHolder" DataKeyNames="GUID" DataSourceID="TestData"

AllowMultiFieldSorting="True" BorderStyle="None" EnableEmbeddedBaseStylesheet="False">

<LayoutTemplate>

<!-- Set the id of the wrapping container to match the CLIENT ID of the RadListView control to display the ajax loading panel

In case the listview is embedded in another server control, you will need to append the id of that server control -->

<fieldset style="width: 740px;" id="RadListView1">

<legend></legend>

<asp:Panel ID="ProductsHolder" runat="server" />

<table cellpadding="0" cellspacing="0" width="100%">

<tr>

<td>

<telerik:RadDataPager ID="RadDataPager1" runat="server" PagedControlID="RadListView1"

PageSize="9" AllowSEOPaging="False">

<Fields>

<telerik:RadDataPagerButtonField FieldType="FirstPrev" />

<telerik:RadDataPagerButtonField FieldType="Numeric" />

<telerik:RadDataPagerButtonField FieldType="NextLast" />

<telerik:RadDataPagerPageSizeField PageSizeText="Page size: " PageSizes="3,6,9,12,15"

PageSizeComboWidth="50" />

<telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TotalPageText="of" SubmitButtonText="Go"

TextBoxWidth="30" />

<telerik:RadDataPagerTemplatePageField>

<PagerTemplate>

<div style="float: right">

<b>Items

<asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex+1%>" />

to

<asp:Label runat="server" ID="TotalPagesLabel" Text="<%# Container.Owner.StartRowIndex+Container.Owner.PageSize %>" />

of

<asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" />

<br />

</b>

</div>

</PagerTemplate>

</telerik:RadDataPagerTemplatePageField>

</Fields>

</telerik:RadDataPager>

</td>

</tr>

</table>

</fieldset>

</LayoutTemplate>

<ItemTemplate>

<div style="float: left;">

<table cellpadding="0" cellspacing="0" style="width: 230px; height: 100px">

<tr>

<td style="width: 20%;">

</td>

<td style="width: 80%; padding-left: 5px;">

<%--# Eval("GUID") --%>

</td>

</tr>

<tr>

<td>

</td>

<td style="width: 80%; padding-left: 5px;">

<asp:Image ID="ProductImage" OnClick="" runat="server" Width="200" Height="200" ImageUrl='<%# Eval("ImageURL", "Images/MockUp/{0}") %>' />

</td>

</tr>

<tr>

<td>

</td>

<td style="width: 80%; padding-left: 5px; text-align: center; font-weight: bold;">

<%# Eval("ProductText") %>

</td>

</tr>

<tr>

</tr>

<tr>

<td>

<hr />

</td>

<td>

<hr />

</td>

</tr>

</table>

</div>

</ItemTemplate>

</telerik:RadListView>

<asp:SqlDataSource ID="TestData" runat="server" ConnectionString="<%$ ConnectionStrings:dev_gmyersConnectionString %>"

SelectCommand="SELECT * FROM [DataPagerTestData2]"></asp:SqlDataSource>

<br />

</form>

</body>

</html>

DataPager

answered on 31 May 2012

6 answers

292 views

[Solved] How To Remove White Border Around RadDock

Hi Telerik,

I have RadDocks that I fill with controls and I would like to remove the White Border that shows up (see attached image) so the control fills up the whole area of the RadDock.

Thanks!

Dock

answered on 31 May 2012

3 answers

334 views

JavaScript Intellisense

Dear Support,

how can I get intellisense for javascripts in seperated javascript files. For example If I create a test.js script file and add this to a page I can use all function blocks, but I have no intellisense in the file. ANy Idea why and how I can resolve this issue?

If I create a function directly in the page intelisense is working fine.

Thanks for help.

Christian

General Discussions

answered on 31 May 2012