or
<telerik:RadGrid ID="rgList" Width="100%" AllowFilteringByColumn="true" Skin="Metro" CssClass="table table-bordered" AutoGenerateDeleteColumn="false" AutoGenerateEditColumn="false" EnableEmbeddedBaseStylesheet="true" AllowSorting="True" AllowPaging="false" PageSize="10" ShowHeader="true" runat="server" AutoGenerateColumns="true" ShowStatusBar="true"> <MasterTableView TableLayout="Auto" CommandItemDisplay="Top"> <CommandItemSettings ShowRefreshButton="false" ShowAddNewRecordButton="false" ShowExportToCsvButton="true" ShowExportToExcelButton="true" /> </MasterTableView> <GroupingSettings CaseSensitive="false" /> </telerik:RadGrid> Protected Sub rgList_ColumnCreated(ByVal sender As Object, ByVal e As GridColumnCreatedEventArgs) Handles rgList.ColumnCreated If e.Column.UniqueName = "AutoGeneratedDeleteColumn" Then 'auto generated delete column id Dim gridButtonColumn As GridButtonColumn = e.Column gridButtonColumn.ConfirmText = Constants.DELETE_CONFIRM_MESSAGE ElseIf e.Column.UniqueName = Constants.EDIT Then TryCast(e.Column, GridBoundColumn).AllowFiltering = False TryCast(e.Column, GridBoundColumn).HeaderText = "" ElseIf e.Column.UniqueName = Constants.DELETE Then 'hiding Delete column from database e.Column.Visible = False ElseIf e.Column.UniqueName.Contains("_") Then Dim sColType As String = e.Column.UniqueName.Split("_")(1) If sColType = "GridDateTimeColumn" Then Dim _GridDateTimeColumn As New GridDateTimeColumn _GridDateTimeColumn.DataField = e.Column.UniqueName _GridDateTimeColumn.HeaderText = "Callback Date" _GridDateTimeColumn.EnableRangeFiltering = True _GridDateTimeColumn.AutoPostBackOnFilter = True rgList.MasterTableView.Columns.Add(_GridDateTimeColumn) End If Else e.Column.AutoPostBackOnFilter = True e.Column.CurrentFilterFunction = GridKnownFunction.Contains 'setting filter for all other columns End If End Sub<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ListBoxText.aspx.cs" Inherits="IgniteDM.Admin.vPacks.ListBoxText" %><!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> <style type="text/css"> .OnDemandListBoxHeader { padding: 5px; font-family: Arial, Verdana; font-size: 14px; line-height: 18px } .PushListBoxHeader { padding: 5px; font-family: Arial, Verdana; font-size: 14px; line-height: 18px } </style> </head><body> <form id="form1" runat="server"> <div> <telerik:RadScriptManager ID="RadScriptManager1" runat="server" /> <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" ShowBaseLine="true" SelectedIndex="0" Align="Left" ReorderTabsOnSelect="true" Width="530px"> <Tabs> <telerik:RadTab Text="OnDemand" Font-Bold="true"> </telerik:RadTab> <telerik:RadTab Text="Push" Font-Bold="true"> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" Width="530px" Height="550px"> <telerik:RadPageView ID="RadPageView1" runat="server"> <table border="0" cellpadding="0" cellspacing="0"> <tr><td> </td></tr> <tr><td> </td></tr> <tr> <td> <div style="padding-left: 20px;"> <telerik:RadListBox runat="server" ID="RadListBoxOnDemandSource" Height="200px" Width="230px" AllowTransfer="true" TransferToID="RadListBoxOnDemandDestination"> <HeaderTemplate> <div class="OnDemandListBoxHeader">Available Groups</div> </HeaderTemplate> <Items> <telerik:RadListBoxItem Text="Engineering" /> <telerik:RadListBoxItem Text="Operations" /> <telerik:RadListBoxItem Text="Sales" /> </Items> </telerik:RadListBox> <telerik:RadListBox runat="server" ID="RadListBoxOnDemandDestination" Height="200px" Width="200px"> <HeaderTemplate> <div class="OnDemandListBoxHeader">Selected Groups</div> </HeaderTemplate> </telerik:RadListBox> </div> </td> </tr> </table> </telerik:RadPageView> <telerik:RadPageView ID="RadPageView2" runat="server"> <table border="0" cellpadding="0" cellspacing="0"> <tr><td> </td></tr> <tr><td> </td></tr> <tr> <td> <div style="padding-left: 20px;"> <telerik:RadListBox runat="server" ID="RadListBoxPushSource" Height="200px" Width="230px" AllowTransfer="true" TransferToID="RadListBoxPushDestination"> <HeaderTemplate> <div class="OnDemandListBoxHeader">Available Groups</div> </HeaderTemplate> <Items> <telerik:RadListBoxItem Text="Engineering" /> <telerik:RadListBoxItem Text="Operations" /> <telerik:RadListBoxItem Text="Sales" /> </Items> </telerik:RadListBox> <telerik:RadListBox runat="server" ID="RadListBoxPushDestination" Height="200px" Width="200px"> <HeaderTemplate> <div class="OnDemandListBoxHeader">Selected Groups</div> </HeaderTemplate> </telerik:RadListBox> </div> </td> </tr> </table> </telerik:RadPageView> </telerik:RadMultiPage> </div> </form></body></html>