Questions on UI for ASP.NET AJAX Forum

1 answer

48 views

Trying to reproduce the www.TractorSupply.com Menu

Can the menu system on the http://www.tractorsupply.com site be reproduced with a database menu combining RadMenu and SiteMap? Click on Shop on their site then select agriculture. You'll what looks like a site map.

Ajax

answered on 08 Apr 2012

2 answers

110 views

Edit mode images and text

Hi,

I am using GridEditCommandColumn and the ButtonType is set to ImageButton.

<

telerik:GridEditCommandColumn UniqueName="EditCommandColumn" ButtonType="ImageButton"

UpdateText="Save" CancelText="Cancel"

EditImageUrl="Images/Edit.gif">

In edit mode, I want an image to be displayed on Edit and text for Update and Cancel as in the code above. Is it possible to achieve?
On changing the ButtonType to LinkButton, the edit image is not displayed but replaced with 'Edit' text.

Grid

answered on 07 Apr 2012

2 answers

222 views

Index Change event for Combobox of gridtemplateColumn in Telerik

I can write a code. In this I can take a Template Column & in this I build a RadCombobox. When it's Index changed I want to affect the below text box. Link the selected value of the Combo box is set as Text on Below TextBox. Combo Box & Text Box are different Controls of Different Template Column.

I can Write Control of Combo box like this :

<telerik:RadComboBox ID="cmbGID" runat="server" DataSourceID="SqlDataSource8" DataTextField="Name"

DataValueField="ID" AutoPostBack="True" OnSelectedIndexChanged="cmbGID_SelectedIndexChanged">

But I don't know the parameters of this event like this :

protected void cmbGID_SelectedIndexChanged()

{

//code...

}

Any one plz tell me that parameters & tell me is that possible to set txtValue.Text = cmbGID.SelectedValue.ToString()...???
& also I can fire a query using cmbGID.SelectedValue & set the other combobox's(this is also a control of template column) datasource...

Note: This all controls of Template Column are InsertItem Template...

Grid

answered on 07 Apr 2012

1 answer

168 views

RADAjaxLoadingPanel Not Working Well With Chrome Browser

I have a page with a RadListView with pagers, inside a RadAjaxPanel. When you go to the next page, it shows the loading panel properly in IE 9. In Chrome, it only shows it the first time or two, then doesn't show it at all. Also, when that happens, for some reason the page size dropdown list is locked up until I refresh the whole page. What's going on here?

You can see this in action at http://marinebio.org/search/

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

<h1><a href="/search/">Marine Species</a></h1><h6 onclick="expandcontent('groups1')" style="cursor:hand;cursor:pointer">

+ Browse by Group</h6>

<div id="groups1" class="switchcontent">

....

<div class="mb-sort"><asp:DropDownList ID="SortDropDownList" runat="server" AutoPostBack="True" OnSelectedIndexChanged="SortDropDownList_SelectedIndexChanged">

<asp:ListItem Value="comname">Sort by Name</asp:ListItem>

<asp:ListItem Value="family">Sort by Family</asp:ListItem>

<asp:ListItem Value="genus">Sort by Genus</asp:ListItem></asp:DropDownList></div>

<telerik:RadListView ID="SearchRadListView" runat="server" ItemPlaceholderID="ItemPlaceHolder"

DataKeyNames="id" DataSourceID="SearchSqlDataSource" AllowPaging="True" PageSize="12"

BackColor="White">

<LayoutTemplate>

<div><div style="clear:both;width:660px;margin:0 auto 0;font-size:11px;">

<telerik:RadDataPager ID="RadDataPager2" runat="server" PageSize="12" PagedControlID="SearchRadListView" Skin="Sitefinity">

<Fields>

<telerik:RadDataPagerButtonField FieldType="FirstPrev" />

<telerik:RadDataPagerButtonField FieldType="Numeric" />

<telerik:RadDataPagerButtonField FieldType="NextLast" />

<telerik:RadDataPagerPageSizeField PageSizeText="Show" />

</Fields>

</telerik:RadDataPager>

</div>

<asp:PlaceHolder ID="ItemPlaceHolder" runat="server"></asp:PlaceHolder>

<div style="clear:both;width:660px;margin:0 auto 0;font-size:11px;">

<telerik:RadDataPager ID="RadDataPager1" runat="server" PageSize="12" PagedControlID="SearchRadListView" Skin="Sitefinity">

<Fields>

<telerik:RadDataPagerButtonField FieldType="FirstPrev" />

<telerik:RadDataPagerButtonField FieldType="Numeric" />

<telerik:RadDataPagerButtonField FieldType="NextLast" />

<telerik:RadDataPagerPageSizeField PageSizeText="Show" />

</Fields>

</telerik:RadDataPager>

</div></div>

</LayoutTemplate>

<itemtemplate>

<div class="mb-results" style="text-align:center;"><div>

<asp:HyperLink ID="imageHyperLink" runat="server" NavigateUrl='<%# "~/species.asp?id="&Eval("id")%>'>

<asp:Image ID="Image1" runat="server"

AlternateText='<%# Eval("comname")&" - "&Eval("GenusName")&" "&Eval("SpeciesName")%>' ImageUrl='<%# Eval("pic")%>' CssClass="mbphotos" />

</asp:HyperLink></div>

<asp:HyperLink ID="speciesHyperLink" runat="server" NavigateUrl='<%# "~/species.asp?id="&Eval("id")%>' ><strong><%# Eval("comnamestatus")%></strong><br /><em><%# Eval("GenusName")&" "&Eval("SpeciesName")%></em>

</asp:HyperLink><br />Family: <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# "~/search/?family="&Eval("FamilyName")%>' Text='<%# Eval("FamilyName")%>' /></div>

</itemtemplate>

<EmptyDataTemplate>

<div id="mberror"><span class="mberror">Oh crab... no species were found that match your search criteria...</span><br /><br />Please <a href="/search/adv/">modify your search</a> and try again or <a href="/oceans/contact/">contact us</a> to report it and we will look into it asap. Thank you, Best Fishes!</div>

</EmptyDataTemplate>

</telerik:RadListView>

</telerik:RadAjaxPanel>

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

Ajax

answered on 07 Apr 2012

1 answer

88 views

How do I change HeaderText in Javascript?

I am working a simple scenario, when the user changes a control, I would like to conditionally change a couple of Column HeaderText properties in a RadGrid. I can get the HeaderText this way:

alert($find('<%=myGrid.ClientID %>').get_masterTableView().getColumnByUniqueName('Estimated_Qty').get_element().innerHTML);

But if I change the value like this:

$find('<%=myGrid.ClientID %>').get_masterTableView().getColumnByUniqueName('Estimated_Qty').get_element().innerHTML = 'Billed Qty';

The change does not show in the grid.

Is there another way of doing this? a set_headerText() or something similar? I can't find anything in the documentation.

Thanks!

Grid

answered on 07 Apr 2012

2 answers

230 views

RadGrid rendering extremely slow. GridTemplateColumn with RadNumericTextBox

I have a very simple grid with 10+ columns. I first started noticing the slowness on rendering (5 to 6 seconds) when there was roughly 125 rows being bound from the database. The slowness I was getting just felt like something was hanging on the client side. Then I started getting the dreaded "a script is still running. do you want to stop or continue?"

I started removing client side features and still was having the same results. Finally I removed the 3 GridTemplateColumns that contained RadNumericTextBoxes and the page rendered instantly. No delay, no nothing. So then I put in regular old asp:TextBox(es) and again, the page rendered instantly.

What gives? Doesn't seem right that using RadNumericTextBoxes inside a RadGrid would cause that much delay. Is there a trick to doing this?

Thanks!

<telerik:RadGrid ID="gvSelectTransactionsEstimated" runat="server" AllowMultiRowSelection="true" AllowSorting="true" EnableEmbeddedSkins="false" OnItemDataBound="gvSelectTransactionsEstimated_ItemDataBound" OnPreRender="gvSelectTransactionsEstimated_PreRender" Skin="VistaCustom">

<ClientSettings EnableRowHoverStyle="true">

<Selecting AllowRowSelect="true" UseClientSelectColumnOnly="true" />

</ClientSettings>

<MasterTableView ClientDataKeyNames="PremiumRate,PaymentRate" DataKeyNames="PremiumRate,PaymentRate" HierarchyLoadMode="ServerBind" AutoGenerateColumns="false" Name="ParentView" ShowHeader="true">

<Columns>

<telerik:GridClientSelectColumn HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Checkbox"></telerik:GridClientSelectColumn>

<telerik:GridBoundColumn DataField="PolicyNo" HeaderText="Policy No" SortExpression="PolicyNo" UniqueName="PolicyNo"></telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Collateral Terms" UniqueName="Collateral" SortExpression="CollateralTypeName">

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridDateTimeColumn DataField="PeriodDate" DataFormatString="{0:MM/dd/yyyy}" HeaderText="Period Date" SortExpression="PeriodDate" UniqueName="PeriodDate" ></telerik:GridDateTimeColumn>

<telerik:GridNumericColumn DataField="ReconcileAmount" DataFormatString="{0:C2}" HeaderText="Prem Due" UniqueName="PremiumDue" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right"></telerik:GridNumericColumn>

<telerik:GridTemplateColumn HeaderText="Prem Recv" UniqueName="PremiumReceived" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">

<ItemTemplate>

<telerik:RadNumericTextBox ID="txtPremiumReceived" runat="server" EnabledStyle-HorizontalAlign="Right" Width="61"></telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Comm W/h" UniqueName="Commission" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">

<ItemTemplate>

<telerik:RadNumericTextBox ID="txtCommissionWithheld" runat="server" EnabledStyle-HorizontalAlign="Right" Width="61"></telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="# Loans" UniqueName="NumberOfLoans" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">

<ItemTemplate>

<telerik:RadNumericTextBox ID="txtNumberOfLoans" runat="server" EnabledStyle-HorizontalAlign="Right" NumberFormat-DecimalDigits="0" Width="46"></telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="CollateralTypeName" UniqueName="CollateralTypeName" Visible="false"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="MaximumFinanceTerm" UniqueName="MaximumFinanceTerm" Visible="false"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="MaximumFinanceAmount" UniqueName="MaximumFinanceAmount" Visible="false"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 06 Apr 2012

4 answers

132 views

Specify File name on upload.

Hi - my users can upload an image of themselves as their profile picture. The image could have any random name. However, I'd like to save this file on the server with their UserID as the filename, not whatever they have it on their machine.

I got this working by uploading and renaming but this seems sloppy and dangerous. What if they have the file named as someone else's UserID?

Any tips? Thank you!

Shaw

Upload (Obsolete)

answered on 06 Apr 2012

4 answers

183 views

RadAjaxLoadingPanel Transparency IE8 not working

Hi there,

it's working fine on IE7, Firefox, Chrome.

On IE8 it just has full background color. Is there any workaround for this?

I have tried both setting transparency for the radajaxloadingpanel declaratively + through CSS opacity property.

Thanks!

Ajax

answered on 06 Apr 2012

2 answers

165 views

Radtextbox and Requiredvalidator problem

Hello telerik team.
I'm using radtextbox with required validator.
and there has a problem at the google chrome(version 18.0.1025.142 m)

When I selected all text in the radtextbox and delete ( ex: press "del" key or backspace key)
and move focus to any other controls.

then the deleted text was recovered.
and i found this problem related in SetFocusOnError property when value is "true"

I'm using latest 2012.1.403.40 version.

please check my code for any mistakes

<%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="RadControlsWebApp5._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">

<telerik:RadScriptManager 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>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

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

</telerik:RadAjaxManager>

<div>

<telerik:RadTextBox runat="server" ID="textbox1" SelectionOnFocus="SelectAll" text="please delete me"></telerik:RadTextBox>

<telerik:RadTextBox runat="server" ID="textbox2" SelectionOnFocus="SelectAll" text="please delete me"></telerik:RadTextBox>

</div>

<asp:RequiredFieldValidator ID="RequiredFieldValidatorRadTextBoxPrice" runat="server"

Display="None" SetFocusOnError="true" ErrorMessage="" ControlToValidate="textbox1"

></asp:RequiredFieldValidator>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"

Display="None" SetFocusOnError="true" ErrorMessage="" ControlToValidate="textbox2"

></asp:RequiredFieldValidator>

<asp:ValidationSummary ID="ValidationSummarySave" runat="server" ShowSummary="false"

ShowMessageBox="true" ValidationGroup="Product" />

</form>

</body>

</html>

Input

answered on 06 Apr 2012

1 answer

301 views

Grid - update a single row

Hello,
Exists any way to update only one row of a radgrid.
I've added a new column to include the percentage of completed of a process that take some minutes.
I could not find the solution for this problem.
Please, I am very new with telerik if someone could help me with a link or an example !!!

Thank you very much for any help.

Alejandro.-

Grid

answered on 06 Apr 2012