Questions on UI for ASP.NET AJAX Forum

2 answers

98 views

v2012.1.501.40
I have a RadGrid with GridDateTimeColumn columns and related filters.

In IE9 the first time the form is rendered the dateinput control is styled using class riTextBox riEnabled, and it has width of 29px and no height. It also has a line-height value of 10000px (might not matter). The box is short and tall. If I refresh the grid with any kind of postback, the same control/class shows a width of 52px, height 15px, and still has the same line-height. The box now looks fine. This does not happen in FireFox. This happens with all of the datetime columns in the grid.

See attached image for a before and after screenshot.

Any ideas?
Thanks!

Input

answered on 31 May 2012

2 answers

162 views

[Solved] How to get RadFileExplorer FileBrowserItem's attributes?

Hi,

How do I get by server-side or client-side RadFileExplorer FileBrowserItem's attributes that I set from server-side to the list by the code below:

protected void RadFileExplorer1_ExplorerPopulated(object sender, RadFileExplorerPopulatedEventArgs e)

{

//some code .. then a for loop then

e.List[i].Attributes.Add("myKey", "myValue");

}

How do I get the value "myValue" from any of the client-side or server-side?
Thanks in advance.

FileExplorer

answered on 31 May 2012

2 answers

219 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

196 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

96 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

130 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

128 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

117 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

265 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

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