Questions on UI for ASP.NET AJAX Forum

1 answer

104 views

How to make an already added column into a Hyperlink Column??

Hi,

Very new to Telerik ctrls.

I have a RadGrid which is automatically generated from a datasource. I am not explicitly defining columns in the radgrid aspx.

How does one make one of those autocolumns into a Hyperlink Column in the code-behind (C#)?

Thanks!

Grid

answered on 05 Aug 2011

10 answers

363 views

Problem with Radcombox selected index changed event

Hi,

I have 4 rad combo boxes in my page.

Below is my aspx page code...

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="NewSAModalPopup.aspx.vb" StylesheetTheme="Default" Inherits="SelfAssess_NewSAModalPopup" %>

<%@ Register Assembly="Telerik.Web.UI, Version=2009.2.701.35, Culture=neutral, PublicKeyToken=121FAE78165BA3D4"

Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</head>

<body>

<div>

function GetRadWindow() {

var oWindow = null;

if (window.radWindow)

oWindow = window.radWindow;

else if (window.frameElement.radWindow)

oWindow = window.frameElement.radWindow;

return oWindow;

}

function CancelClick()

{

var oWindow = GetRadWindow();

oWindow.argument = null;

oWindow.close();

top.location.reload();

//window.close();

}

function relaodParentWindow() {

top.location.reload();

}

function closeWin() {

var oWnd = GetRadWindow();

oWnd.close();

top.location.reload();

//window.close();

}

</script>

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

</telerik:RadScriptManager>

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

<telerik:AjaxSetting AjaxControlID="c_rcbCustomer">

<telerik:AjaxUpdatedControl ControlID="c_rdbYear" />

<telerik:AjaxUpdatedControl ControlID="c_rcbAssessment" />

<telerik:AjaxUpdatedControl ControlID="c_rcbfacilityContact" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="c_rdbYear">

<telerik:AjaxUpdatedControl ControlID="c_rcbAssessment" />

<telerik:AjaxUpdatedControl ControlID="c_rcbfacilityContact" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="c_rcbAssessment">

<telerik:AjaxUpdatedControl ControlID="c_rcbfacilityContact" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<tr>

<td>

<table>

<tr>

<asp:Label ID="c_lblErrorText" runat="server" Visible="False" Font-Bold="True" ForeColor="Red"></asp:Label>

</td>

</tr>

<tr>

<td>

Step 1:

</td>

<td>

Select the customer

</td>

</tr>

<tr>

<td>

</td>

<td>

<telerik:RadComboBox ID="c_rcbCustomer" runat="server" AutoPostBack="True" Width="205px"

Filter="Contains" LoadingMessage="<div style='width:100%; height:23px; vertical-align:middle; text-align:center;'>Loading <img src='../Images/loading5.gif' /><div>"

EmptyMessage="--Select One--" EnableTextSelection="true" ExpandDelay="0" >

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="c_rfvCustomer" runat="server" ErrorMessage="Select a customer" ControlToValidate="c_rcbCustomer"></asp:RequiredFieldValidator>

<br />

</td>

</tr>

<tr>

<td >

Step 2:

</td>

<td>

Select the year for which you are entering the data</td>

</tr>

<tr>

<td>

</td>

<td>

<telerik:RadComboBox ID="c_rdbYear" runat="server" AutoPostBack="True" Width="205px"

Filter="Contains" LoadingMessage="<div style='width:100%; height:23px; vertical-align:middle; text-align:center;'>Loading <img src='../Images/loading5.gif' /><div>"

EnableTextSelection="true" ExpandDelay="0" >

</telerik:RadComboBox>

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

ErrorMessage="Select a Year" ControlToValidate="c_rdbYear"></asp:RequiredFieldValidator>

<br />

</td>

</tr>

<tr>

<td >

Step 3:

</td>

<td>

Select the assessment to start</td>

</tr>

<tr>

<td>

</td>

<td>

<telerik:RadComboBox ID="c_rcbAssessment" runat="server" AutoPostBack="True" Width="580px"

Filter="Contains" LoadingMessage="<div style='width:100%;vertical-align:middle; text-align:center;'>Loading <img src='../Images/loading5.gif' /><div>"

EmptyMessage="-- Please complete step 1 and 2 --" EnableTextSelection="true"

ExpandDelay="0" >

</telerik:RadComboBox>

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

ErrorMessage="Select the assessment" ControlToValidate="c_rcbAssessment"></asp:RequiredFieldValidator>

<br />

</td>

</tr>

<tr>

<td >

Step 4:

</td>

<td >

Select the primary contact</td>

</tr>

<tr>

<td>

</td>

<td>

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

AutoPostBack="True" Width="577px"

Filter="Contains" LoadingMessage="<div style='width:100%; height:23px; vertical-align:middle; text-align:center;'>Loading <img src='../Images/loading5.gif' /><div>"

EmptyMessage="-- Please complete step 1 through 3 --" EnableTextSelection="true"

ExpandDelay="0" >

</telerik:RadComboBox>

<br />

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td >                                 

<asp:Button ID="c_btnStart" runat="server" Text="Start" />    

<asp:Button ID="c_btnCancel" runat="server" Text="Cancel"

onclientclick="CancelClick();" />

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

My aspx.vb have the following events:

Protected Sub c_rcbAssessment_SelectedIndexChanged(ByVal o As Object, ByVal e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs) Handles c_rcbAssessment.SelectedIndexChanged

LoadFacilityContact(c_rcbAssessment.SelectedValue)

End Sub

Protected Sub c_rdbYear_SelectedIndexChanged(ByVal o As Object, ByVal e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs) Handles c_rdbYear.SelectedIndexChanged

LoadSelfAssessments(c_rcbCustomer.SelectedValue, c_rdbYear.SelectedValue)

End Sub

Protected Sub c_rcbCustomer_SelectedIndexChanged(ByVal o As Object, ByVal e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs) Handles c_rcbCustomer.SelectedIndexChanged

LoadYear()

End Sub

when I change the selection in the year comboxbox, c_rdbYear_SelectedIndexChanged is being fired which is fine.Now, when I change the selection in c_rcbAssessment combobox, c_rcbCustomer_SelectedIndexChanged is being fired first and then c_rcbAssessment_SelectedIndexChanged is fired.I dont know why c_rcbCustomer_SelectedIndexChanged is being fired.It want only c_rcbAssessment combobox to be fired.

And also when I change the year combobox selection again,it is firing c_rcbCustomer_SelectedIndexChanged first and then c_rdbYear_SelectedIndexChanged.

Any kind of help would be appreciated.

Thanks.

ComboBox

answered on 05 Aug 2011

2 answers

301 views

Loop through nested grid (hierarchical)

It has to be simple, I apologize, can't find how to access in a tree way to nested table.

In the code below i have to relpace ??? with what?



For Each item As GridDataItem In RadGridResources.MasterTableView.Items

idResource = item("IDResource").Text

For Each childitem As ??? In ???

idSlot = childitem("IDSlot").Text

Next

Grid

answered on 05 Aug 2011

3 answers

653 views

Edit and Insert Template in RadGrid

Hi Guys
I have created a radgrid with sqldatasource. Enabled atomatic delete, update and insert. I want to create seperate edit and insert template. Requirement is : first three coumns should not be edited. But it should be able to insert new record. When I changed readonly = true I am not able to insert new values. How is it possible. Anybody can help.
Thanks
Ben

Grid

answered on 05 Aug 2011

6 answers

212 views

On Demand RadTab strip display multiple pages in single tab

Hi,

i am using Ondemand TabStrip control. when i click on one tab multiple pages display on single tab.

looking forward to your response.

Regards

TabStrip

answered on 05 Aug 2011

0 answers

106 views

WIndow title height too large

Hi,

I am using Radwindoemanager for alert , confirm and prompt, I want to customize window look using custom skin. I had set
Skin = abc
EnableEmbeddedSkins = false
EnableEmbeddedBaseStylesheet = false.

I have added stylesheet at end of message

Since I have set (EnableEmbeddedSkins = false
EnableEmbeddedBaseStylesheet = false. ) I am getting following issues.
Specially it is more visible in IE8.

1. Header height is more. I tried setting height and removing padding and margin. There is large offset in this element (RadWindow_abc .rwTitlebarControls .tbody .tr. td (2nd ))

.RadWindow_abc .rwTitlebarControls
.RadWindow_abc .rwTitlebarControls .tbody .tr. td

How to remove it?

2. There is no gap in buttons (ok, cancel). how to resolve it?

3. Can I apply style 'a' to 'Ok' and style 'b'' to "Cancel'

Please reply asap.

Thanks &Regards
Parag

styles used

/* RadWindow for ASP.NET AJAX Outlook Skin */

/* Window Background */

/* Horiznotal */
.RadWindow_abc .rwTopLeft,
.RadWindow_abc .rwTopRight,
.RadWindow_abc .rwTitlebar,
.RadWindow_abc .rwFooterLeft,
.RadWindow_abc .rwFooterRight,
.RadWindow_abc .rwFooterCenter,
.RadWindow_abc .rwTopResize,
.RadWindow_abc .rwStatusbar div,
.RadWindow_abc .rwStatusbar,
.RadWindow_abc.rwMinimizedWindow .rwCorner
{
   background-color: #3C7882 !important;
   background-image:none !important;
}

/* Vertical */
.RadWindow_abc .rwBodyLeft,
.RadWindow_abc .rwBodyRight,
.RadWindow_abc .rwStatusbarRow .rwCorner
{
   background-color: #3C7882 !important;
   background-image:none !important;
}

/* Window Shadows */

/* Horiznotal */
.RadWindow_abc .rwShadow .rwTopLeft,
.RadWindow_abc .rwShadow .rwTopRight,
.RadWindow_abc .rwShadow .rwTitlebar,
.RadWindow_abc .rwShadow .rwFooterLeft,
.RadWindow_abc .rwShadow .rwFooterRight,
.RadWindow_abc .rwShadow .rwFooterCenter,
.RadWindow_abc .rwShadow .rwTopResize,
.RadWindow_abc .rwShadow .rwStatusbar div,
.RadWindow_abc .rwShadow .rwStatusbar,
.RadWindow_abc .rwShadow .rwBodyLeft,
.RadWindow_abc .rwShadow .rwBodyRight,
.RadWindow_abc .rwShadow .rwStatusbarRow .rwBodyLeft,
.RadWindow_abc .rwShadow .rwStatusbarRow .rwBodyRight
{
   background-color: #3C7882;
   background-repeat:repeat;
   background-image:none;
}

/* Vertical */
.RadWindow_abc .rwShadow .rwBodyLeft,
.RadWindow_abc .rwShadow .rwBodyRight,
.RadWindow_abc .rwShadow .rwStatusbarRow .rwBodyLeft,
.RadWindow_abc .rwShadow .rwStatusbarRow .rwBodyRight
{
   background-color: #3C7882;
   background-repeat:no-repeat;
   background-image:none;
}

/* Shadows End */

.RadWindow_abc .rwStatusbar input
{
    background-color: #f7f3e9;
}

div.RadWindow_abc .rwControlButtons
{
    float:right !important;
}

div.RadWindow_abc .rwControlButtons .rwCloseButton
        {
            background-image: url('Window/CommandButtonSprites.gif');

        }

.RadWindow_abc .rwControlButtons a {
    overflow: hidden;
    text-align: center;
    text-indent: -3333px;
    background-repeat: no-repeat;
    cursor: default;
    display: block;
    font-size: 1px;
    height: 21px;
    line-height: 1px;
    outline: medium none;
    text-decoration: none;
    width: 30px;
}
/*
.RadWindow_abc .rwControlButtons .rwCloseButton {
    overflow: hidden;
    text-align: center;
    text-indent: -3333px;
}*/

.RadWindow_abc .rwCloseButton {
    background-position: -90px 0;
}

div.RadWindow_abc .rwTitlebarControls em
{
   color: black;
}

.RadWindow_abc .rwTitlebarControls
{
   /* height:25px !important; */
   width:100% !important;
   margin: 0 0 0 !important;
    padding: 0 0 0 !important;
}

div.RadWindow_abc .rwDialogInput
{
   border-top: solid 1px #abadb3;
   border-right: solid 1px #dbdfe6;
   border-bottom: solid 1px #e3e9ef;
   border-left: solid 1px #e2e3ea;
}

div.RadWindow_abc .rwDialogInput:hover
{
   border-top: solid 1px #5794bf;
   border-right: solid 1px #b7d5ea;
   border-bottom: solid 1px #c7e2f1;
   border-left: solid 1px #c5daed;
   color: #565656;
}

.RadWindow_abc td.rwWindowContent
{
    background-color: #fff;
}

/* Loading Indicators */
div.RadWindow_abc tr td.rwLoading
{
    background-color: #e2ecfc;
}

/* When ShowContentDuringLoad="true" */
.RadWindow_abc td.rwWindowContent.rwLoading
{
    background-image: url('Common/loading.gif');
}

/* When ShowContentDuringLoad="false" */
.RadWindow_abc input.rwLoading
{
    background-image: url('Common/loading_small.gif');
}

/* Shadow Control Buttons */

/* .RadWindow_abc .rwShadow .rwControlButtons
{
   margin: 5px -2px 0 0;
}

.RadWindow_abc .rwShadow .rwControlButtons
{
   margin: 5px -1px 0 0\9;
}*/

/* ctrl buttons when winodw is minimized */
.RadWindow_abc.rwMinimizedWindowShadow .rwShadow .rwControlButtons
{
   margin: 9px -8px 0 0;
}

/* Icon when winodw is minimized */
.RadWindow_abc.rwMinimizedWindowShadow .rwShadow .rwIcon
{
   margin: 9px 6px 0 0;
}

/*title buttons when winodw is minimized */
.RadWindow_abc.rwMinimizedWindowShadow .rwShadow em
{
   margin: 4px 0 0 -1px;
}

/*
.RadWindow_abc .rwShadow .rwControlButtons li
{
   float: left;
   padding: 0;
}

.RadWindow_abc .rwShadow .rwControlButtons a
{
   width: 28px;
}*/

.RadWindow_abc .rwTopLeft, .RadWindow .rwTopRight,
.RadWindow_abc .rwFooterLeft,
.RadWindow_abc .rwFooterRight,
.RadWindow_abc .rwFooterCenter {
   display:none;
}

.RadWindow_abc .rwTopLeft,
.RadWindow_abc .rwTopRight,
.RadWindow_abc .rwBodyLeft,
.RadWindow_abc .rwBodyRight
{
   display:none;
}

.RadWindow_abc .rwCorner .rwBodyLeft,
.RadWindow_abc .rwCorner .rwBodyRight
{
    display:none;
}

div.RadWindow_abc table.rwTable
{
   border-top: solid 1px #3C7882;
   border-right: solid 1px #3C7882;
   border-bottom: solid 1px #3C7882;
   border-left: solid 1px #3C7882;
   border-radius: 8px;

    -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
}

.RadWindow_abc .rwWindowContent .radalert
{
    background-image: none !important;
}

.RadWindow_abc .rwWindowContent .radconfirm
{
    background-image: none !important;
}

/* Conetent message remove image */
.RadWindow_abc .rwWindowContent .radprompt
{
    background-image: none !important;
}

.RadWindow_abc .rwDialogPopup {
    cursor: default !important;
    margin: 0 !important;
    padding-top: 15px !important;
    padding-right : 15px !important;
    padding-bottom: 0 !important;
    padding-left:12px !important;
}

.RadWindow_abc .rwDialogText {
    color: #666666;
    font-size: 12px;
    font-family: Arial;
    text-align: left;
}

/*popup buttons */

div.RadWindow_abc .rwWindowContent a.rwPopupButton,
        div.RadWindow_abc .rwWindowContent a.rwPopupButton:hover
        {
            display: block;
            height: 25px;
            line-height: 25px;
            text-align: center;
            border-style:solid;
            border-width:2px;
            overflow: hidden;
            border-top-color:#3B7781;
            border-bottom-color:#305F67;
            border-left-color:#376F79;
            border-right-color:#366D78;
            background: #E0E0E0 0 0px repeat-x url(Button/ButtonSprites.png);
            outline: none;
            cursor: auto;
            border-radius: 8px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            padding:0 12px;

        }

        div.RadWindow_abc .rwWindowContent a.rwPopupButton:hover
        {
            background-color: #c5c5c5;
        }

        div.RadWindow_abc .rwPopupButton span
        {
            height: 25px;
            line-height: 25px;
        }

        .RadWindow_abc .rwPopupButton span,
        .RadWindow_abc .rwPopupButton:hover span
        {
            background-image:none !important;
        }

/**/
.RadWindow_abc .rwDialogPopup .rwPopupButton,
.RadWindow_abc .rwDialogPopup .rwPopupButton span {
    display: block;
    float: right !important;
    vertical-align:bottom !important;
}

/*
.RadWindow_abc .rwWindowContent .rwPopupButton
{
   display: block;
   height: 25px;

   text-align: center;
   border-style:solid;
   border-width:2px;
   overflow: hidden;
   border-top-color:#3B7781;
   border-bottom-color:#305F67;
   border-left-color:#376F79;
   border-right-color:#366D78;
   background: #E0E0E0 0 0px repeat-x url(Button/ButtonSprites.png);
   outline: none;
   cursor: auto;
   border-radius: 8px;
    -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   padding:0 12px;


}

.RadWindow_abc .rwWindowContent .rwPopupButton:hover
{
    background-color: #c5c5c5;
}

.RadWindow_abc .rwPopupButton span,
.RadWindow_abc .rwPopupButton:hover span
{
    background-image:none !important;

}*/

/* Title */

.RadWindow_abc .rwTitleRow em {
    color: #FFF !important;
    font-family: Arial !important;
    font-size: 16px !important;
    font-weight:bold !important;
    /*overflow: hidden;*/
    padding: 5px 0 0 1px !important;
    white-space: nowrap;
   line-height: 24px !important;
   margin:0 !important;
       vertical-align:top;
        top :0;
       left:0;



}

.RadWindow_abc .rwTitlebarControls
{
    height:24px !important;
     padding : 0 0 0 0px !important;
       margin: 0 0 0 0px !important;
       background-color: Blue !important;

}

/*
.RadWindow_abc a.rwIcon
{
    background-image: none !important;
}

.RadWindow_abc a.rwIcon
{
   background-image: none repeat scroll 0 0 #3C7882;
}
*/

div.RadWindow_abc .rwIcon
{
    display: none;
}

Window

asked on 05 Aug 2011

2 answers

134 views

Using AjaxSetting cause Page_Load event fire when back from another page

Dear All,

To avoid page refreshing I used RadAjaxManager and Add AjaxSetting but if I use like this when I back('back' button from browser) from another page all data I have filled in textbox, selected in combobox are disappear and Page_load event is firing.
If not using AjaxSetting, when user use back button from browser, Page_load is not fire and data are remain as user filled.
I want to use Ajaxsetting to prevent page refresh and when using browser back button data should remain(page_load should not fire).
Please advise how can I?

Thanks and best regards

Ajax

answered on 05 Aug 2011

1 answer

95 views

Rebind RadRotator inside RadListView

Hi

I have RadRotator inside EditItemTemplate of RadListView. It is used for inserting images into items.
I also need implement possibility to filter rotator's images by text pattern. Filter requires roundtrip to server.
So I decided to put RadRotator inside UpdatePanel and to call __doPostback on key pressing in search textbox.
But I can't rebind Rotator on Postback to show new image collection. Even when its datasource contains new data,
Rotator shows initial collection of images.

I create RadListView in full programmatic way. In EditItemTemplate constructor I put actual data and then instantiate rotator, but
Rotator always show first data.

I have simple test app here which demonstrate problem. After pressing Edit button and typing some text in search field we can see only
how rotator blinks and images are not affected.

My QuoteHotelItemEditTemplate implements IBindableTemplate interface and creates UpdatePanel with Rotator ctrl in InstantiateIn method.
There I also assign data to Rotator's DataSource.
Debugger show that Rotator binds to new data source on PostBack but page renders old result.
Sorry for disturbing but please help me.

PS:
I'm using Telerik 2011 Q1.

Rotator

answered on 05 Aug 2011

1 answer

104 views

<InvalidStyle> ignored

Why is my <InvalidStyle> tag being ignored on all of my RadControls? It insists on using the default. Version 2011.2.712.40

ASP.Net snippet

<telerik:RadTextBox ID="txtFirstName" CausesValidation="true" EmptyMessage="Enter First Name"

MaxLength="100" runat="server" SelectionOnFocus="SelectAll" AutoCompleteType="FirstName" Width="240px">

<InvalidStyle CssClass="input_box_error" />

</telerik:RadTextBox>

CSS class I want applied (namely, custom bg image)

.input_box_error {

background-color: #FCF7F7;

color:#333;

border: 1px solid #990000;

Background-image: url(web_images/icon_input_error.png);

background-position:right;

}

Javascript validation method

function validateFirstName(sender, args) {

var tb = $find("<%= txtFirstName.ClientID %>");

if (tb.get_value() == "") {

tb._invalid = true;

tb.updateCssClass();

args.IsValid = false;

}

else {

tb._invalid = false;

tb.updateCssClass();

args.IsValid = true;

}

The default style that's being applied:

html body .RadInput_Default .riError, html body .RadInput_Error_Default

{

border-top-color: #d51923;

border-right-color-value: #d51923;

border-bottom-color: #d51923;

border-left-color-value: #d51923;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

background-color: #ffffff;

background-image: url(

"WebResource.axd?d=Pl-AEyM6jqu8ijnVblcTiccZs9g-fx3RblQsV5LQ2xg8VP_Hxt2xcHsDuXiwDfB8GPPz5PpcKKZImQCrk72Jq3nUpEh_RIWAGLrotZeEzHhmO1hmMkfKXxD79gitj70HcRZKnaksvfXoqOK93XI3ITGi1zI1&t=634459979340000000"

);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 100% -298px;

background-clip: border-box;

background-origin: padding-box;

background-size: auto auto;

color: #d51923;

}

General Discussions

answered on 04 Aug 2011

4 answers

126 views

RadComboBox stops working after adding SelectedItemChanged code

I have a very plain drop down with only a few entries. Before this morning, the list is populated and you could click on any entry and nothing happened...which was fine because there was no code. Now I want it to do something when one of the list items is selcted (redirect to another page). So I added OnSelectedItemChanged = "RadComboBox1_OnSelectedItemChanged" to the html definition of the combobox, then in the code behind I have a function to match that does a Select Case statement and redirects to the appropriate page based on which item the user selects.

Now that I've added this code I can't click on the ComboBox anymore. It doesn't drop-down like it should.

HTML Page:

Choose Location:

<telerik:RadComboBox ID="RadComboBox1" Runat="server" DropDownWidth="200px"

EnableTextSelection="False" Height="50px" MaxHeight="200px" NoWrap="True"

Width="200px" OnClientSelectedIndexChanged="RadComboBox1_SelectedIndexChanged">

<Items>

<telerik:RadComboBoxItem runat="server" Text="Atlanta" Value="ATL" />

<telerik:RadComboBoxItem runat="server" Text="Cincinnati" Value="CIN" />

<telerik:RadComboBoxItem runat="server" Text="Cleveland" Value="CLV" />

<telerik:RadComboBoxItem runat="server" Text="Dayton" Value="DAY" />

<telerik:RadComboBoxItem runat="server" Text="Kansas City" Value="KC" />

<telerik:RadComboBoxItem runat="server" Text="Kansas" Value="KAN" />

<telerik:RadComboBoxItem runat="server" Text="Memphis" Value="MEM" />

<telerik:RadComboBoxItem runat="server" Text="Northeast Ohio" Value="NEO" />

<telerik:RadComboBoxItem runat="server" Text="Oklahoma City" Value="OKC" />

<telerik:RadComboBoxItem runat="server" Text="Philadelphia" Value="PHL" />

<telerik:RadComboBoxItem runat="server" Text="St. Louis" Value="STL" />

</Items>

</telerik:RadComboBox>

Code Behind .aspx page:

Protected Sub RadComboBox1_SelectedIndexChanged(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs) Handles RadComboBox1.SelectedIndexChanged

Select Case e.Value

Case "ATL"

Case "CIN"

Case "CLV"

Response.Redirect("http://www.someurl.com/CLV.asp")

Case "DAY"

Case "KAN"

Case "KC"

Case "MEM"

Case "NEO"

Case "OKC"

Case "PHL"