or
.RadComboBox_WebBlue{ color: #333; font: normal 12px "Segoe UI" ,Arial,Helvetica,sans-serif; line-height: 16px;}.RadComboBox_WebBlue .rcbInputCell, .RadComboBox_WebBlue .rcbArrowCell{ background-image: url('ComboBox/radFormSprite.png'); _background-image: url('ComboBox/radFormSpriteIE6.png');}.RadComboBox_WebBlue .rcbInputCellLeft{ background-position: 0 0;}.RadComboBox_WebBlue .rcbInputCellRight{ background-position: 100% 0;}.RadComboBox_WebBlue .rcbInput{ color: #333; font: normal 12px "Segoe UI" ,Arial,Helvetica,sans-serif; line-height: 16px;}.RadComboBox_WebBlue .rcbEmptyMessage{ font-style: italic; color: #8a8a8a;}.RadComboBox_WebBlue .rcbArrowCellLeft{ background-position: 0 -176px;}.RadComboBox_WebBlue .rcbArrowCellRight{ background-position: -18px -176px;}.RadComboBox_WebBlue .rcbArrowCellLeft.rcbArrowCellHidden{ background-position: 0 0;}.RadComboBox_WebBlue .rcbArrowCellRight.rcbArrowCellHidden{ background-position: 100% 0;}.RadComboBox_WebBlue .rcbHovered .rcbInputCellLeft{ background-position: 0 -22px;}.RadComboBox_WebBlue .rcbHovered .rcbInputCellRight{ background-position: 100% -22px;}.RadComboBox_WebBlue .rcbHovered .rcbInput{ color: black;}.RadComboBox_WebBlue .rcbHovered .rcbArrowCellLeft{ background-position: -36px -176px;}.RadComboBox_WebBlue .rcbHovered .rcbArrowCellRight{ background-position: -54px -176px;}.RadComboBox_WebBlue .rcbHovered .rcbArrowCellLeft.rcbArrowCellHidden{ background-position: 0 -22px;}.RadComboBox_WebBlue .rcbHovered .rcbArrowCellRight.rcbArrowCellHidden{ background-position: 100% -22px;}.RadComboBox_WebBlue .rcbFocused .rcbInputCellLeft{ background-position: 0 -44px;}.RadComboBox_WebBlue .rcbFocused .rcbInputCellRight{ background-position: 100% -44px;}.RadComboBox_WebBlue .rcbFocused .rcbInput{ color: black;}.RadComboBox_WebBlue .rcbFocused .rcbArrowCellLeft{ background-position: -72px -176px;}.RadComboBox_WebBlue .rcbFocused .rcbArrowCellRight{ background-position: -90px -176px;}.RadComboBox_WebBlue .rcbFocused .rcbArrowCellLeft.rcbArrowCellHidden{ background-position: 0 -44px;}.RadComboBox_WebBlue .rcbFocused .rcbArrowCellRight.rcbArrowCellHidden{ background-position: 100% -44px;}.RadComboBox_WebBlue .rcbDisabled .rcbInputCellLeft{ background-position: 0 -66px;}.RadComboBox_WebBlue .rcbDisabled .rcbInputCellRight{ background-position: 100% -66px;}.RadComboBox_WebBlue .rcbDisabled .rcbInput{ color: #a5a5a5;}.RadComboBox_WebBlue .rcbDisabled .rcbArrowCellLeft{ background-position: -108px -176px;}.RadComboBox_WebBlue .rcbDisabled .rcbArrowCellRight{ background-position: -126px -176px;}.RadComboBox_WebBlue .rcbDisabled .rcbArrowCellLeft.rcbArrowCellHidden{ background-position: 0 -66px;}.RadComboBox_WebBlue .rcbDisabled .rcbArrowCellRight.rcbArrowCellHidden{ background-position: 100% -66px;}.RadComboBox_WebBlue .rcbReadOnly .rcbInputCellLeft{ background-position: 0 -88px;}.RadComboBox_WebBlue .rcbReadOnly .rcbInputCellRight{ background-position: 100% -88px;}.RadComboBox_WebBlue .rcbReadOnly .rcbInput{ color: #333;}.RadComboBox_WebBlue .rcbReadOnly .rcbArrowCellLeft{ background-position: -144px -176px;}.RadComboBox_WebBlue .rcbReadOnly .rcbArrowCellRight{ background-position: -162px -176px;}.RadComboBox_WebBlue .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden{ background-position: 0 -88px;}.RadComboBox_WebBlue .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden{ background-position: 100% -88px;}.RadComboBox_WebBlue .rcbHovered .rcbReadOnly .rcbInputCellLeft{ background-position: 0 -110px;}.RadComboBox_WebBlue .rcbHovered .rcbReadOnly .rcbInputCellRight{ background-position: 100% -110px;}.RadComboBox_WebBlue .rcbHovered .rcbReadOnly .rcbInput{ color: black;}.RadComboBox_WebBlue .rcbHovered .rcbReadOnly .rcbArrowCellLeft{ background-position: -180px -176px;}.RadComboBox_WebBlue .rcbHovered .rcbReadOnly .rcbArrowCellRight{ background-position: -198px -176px;}.RadComboBox_WebBlue .rcbHovered .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden{ background-position: 0 -110px;}.RadComboBox_WebBlue .rcbHovered .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden{ background-position: 100% -110px;}.RadComboBox_WebBlue .rcbFocused .rcbReadOnly .rcbInputCellLeft{ background-position: 0 -132px;}.RadComboBox_WebBlue .rcbFocused .rcbReadOnly .rcbInputCellRight{ background-position: 100% -132px;}.RadComboBox_WebBlue .rcbFocused .rcbReadOnly .rcbInput{ color: black;}.RadComboBox_WebBlue .rcbFocused .rcbReadOnly .rcbArrowCellLeft{ background-position: -216px -176px;}.RadComboBox_WebBlue .rcbFocused .rcbReadOnly .rcbArrowCellRight{ background-position: -234px -176px;}.RadComboBox_WebBlue .rcbFocused .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden{ background-position: 0 -132px;}.RadComboBox_WebBlue .rcbFocused .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden{ background-position: 100% -132px;}.RadComboBox_WebBlue .rcbDisabled .rcbReadOnly .rcbInputCellLeft{ background-position: 0 -154px;}.RadComboBox_WebBlue .rcbDisabled .rcbReadOnly .rcbInputCellRight{ background-position: 100% -154px;}.RadComboBox_WebBlue .rcbDisabled .rcbReadOnly .rcbInput{ color: #a5a5a5;}.RadComboBox_WebBlue .rcbDisabled .rcbReadOnly .rcbArrowCellLeft{ background-position: -252px -176px;}.RadComboBox_WebBlue .rcbDisabled .rcbReadOnly .rcbArrowCellRight{ background-position: -270px -176px;}.RadComboBox_WebBlue .rcbDisabled .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden{ background-position: 0 -154px;}.RadComboBox_WebBlue .rcbDisabled .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden{ background-position: 100% -154px;}.RadComboBoxDropDown_WebBlue{ border-color: #8a8a8a; color: #333; background: white; font: normal 12px "Segoe UI" ,Arial,Helvetica,sans-serif; line-height: 16px;}.RadComboBoxDropDown_WebBlue .rcbHeader, .RadComboBoxDropDown_WebBlue .rcbFooter{ color: #333; background-color: #eaeaea; background-image: url('Common/radFormSprite.png'); _background-image: url('Common/radFormSpriteIE6.png'); background-position: 0 -500px;}.RadComboBoxDropDown_WebBlue .rcbHeader{ border-bottom-color: #8a8a8a;}.RadComboBoxDropDown_WebBlue .rcbFooter{ border-top-color: #8a8a8a;}.RadComboBoxDropDown_WebBlue .rcbHovered{ color: black; background: #dfdfdf;}.RadComboBoxDropDown_WebBlue .rcbDisabled{ color: #a5a5a5; background-color: transparent;}.RadComboBoxDropDown_WebBlue .rcbLoading{ color: black; background: #dfdfdf;}.RadComboBoxDropDown_WebBlue .rcbItem em, .RadComboBoxDropDown_WebBlue .rcbHovered em{ color: black; background: #dfdfdf;}.RadComboBoxDropDown_WebBlue .rcbCheckAllItems{ color: #333; background-color: #eaeaea;}.RadComboBoxDropDown_WebBlue .rcbCheckAllItemsHovered{ color: #333; background-color: #eaeaea;}.RadComboBoxDropDown_WebBlue .rcbMoreResults{ border-top-color: #8a8a8a; color: #333; background-color: #eaeaea; background-position: 0 -500px; background-image: url('Common/radFormSprite.png'); _background-image: url('Common/radFormSpriteIE6.png');}.RadComboBoxDropDown_WebBlue .rcbMoreResults a{ background-image: url('ComboBox/radFormSprite.png'); _background-image: url('ComboBox/radFormSpriteIE6.png'); background-position: -308px -181px;}.RadComboBoxDropDown_WebBlue .rcbSeparator{ color: #fff; background: #8a8a8a;}<telerik:RadGrid ID="CoursesGrid" runat="server" Width="920px" AutoGenerateColumns="False" PageSize="20" AllowPaging="True" CssClass="AddBorders"> <MasterTableView DataKeyNames="CourseID" EditMode="EditForms" CommandItemDisplay="Top" CommandItemSettings-AddNewRecordText="Add New Course" InsertItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnCurrentPage" EnableNoRecordsTemplate="true" ShowHeader="true"> <Columns> <telerik:GridEditCommandColumn UniqueName="EditBtn" ButtonType="ImageButton" HeaderStyle-Width="60px" Resizable="false" ItemStyle-HorizontalAlign="Center"></telerik:GridEditCommandColumn> <telerik:GridBoundColumn UniqueName="CourseID" DataField="CourseID" HeaderText="Course ID" ColumnEditorID="CourseIDEditor" HeaderStyle-Width="70px" Resizable="false" ItemStyle-HorizontalAlign="Center"></telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="CourseName" DataField="CourseName" HeaderText="Course Name" ColumnEditorID="CourseNameEditor" HeaderStyle-Width="380px" Resizable="false"></telerik:GridBoundColumn> <telerik:GridDateTimeColumn UniqueName="FromDate" DataField="FromDate" HeaderText="From" DataFormatString="{0:dd/MM/yyyy}" HeaderStyle-Width="80px" Resizable="false" ItemStyle-HorizontalAlign="Center"></telerik:GridDateTimeColumn> <telerik:GridDateTimeColumn UniqueName="ToDate" DataField="ToDate" HeaderText="To" DataFormatString="{0:dd/MM/yyyy}" HeaderStyle-Width="80px" Resizable="false" ItemStyle-HorizontalAlign="Center"></telerik:GridDateTimeColumn> <telerik:GridBoundColumn UniqueName="Venue" DataField="Venue" HeaderText="Venue" ColumnEditorID="VenueEditor" HeaderStyle-Width="80px" Resizable="false" ItemStyle-HorizontalAlign="Center"></telerik:GridBoundColumn> <telerik:GridDropDownColumn UniqueName="Category" HeaderText="Category" DataField="CatID" HeaderStyle-Width="160px" Resizable="false" ItemStyle-HorizontalAlign="Center"></telerik:GridDropDownColumn> </Columns> <NoRecordsTemplate> <div id="NoRecordWrapper">No Courses available!</div> </NoRecordsTemplate> </MasterTableView> <HeaderStyle Font-Bold="true" HorizontalAlign="Center" /> <ClientSettings EnableAlternatingItems="true"> </ClientSettings></telerik:RadGrid>Protected Sub CoursesDataBound(ByVal sender As Object, ByVal e As GridItemEventArgs) Handles CoursesGrid.ItemDataBound Try '-------------------------------------------------------- ' 1. Display (Regular) Mode '-------------------------------------------------------- If TypeOf e.Item Is GridDataItem Then ' 1.1 Get reference of current Item & its Data '---------------------------------------------------- Dim courseRec As GridDataItem = CType(e.Item, GridDataItem) Dim courseInfo As DataRowView = CType(courseRec.DataItem, DataRowView) ' 1.2 Set style of Arabic content '---------------------------------------------------- If Not IsDBNull(courseInfo("Locale")) Then courseRec("CourseName").CssClass = "arabicText" courseRec("CourseName").HorizontalAlign = HorizontalAlign.Right If Not IsDBNull(courseInfo("Venue")) Then courseRec("Venue").CssClass = "arabicText" End If End If ' 1.3 Replace Subject ID with its Description '---------------------------------------------------- Dim catID As String = courseInfo("CatID") Dim catDesc As String = CodeLibrary.CatList.Item(catID) courseRec("Category").Text = catDesc End If '-------------------------------------------------------- ' 2. Edit/Insert Mode '-------------------------------------------------------- If TypeOf e.Item Is GridEditableItem AndAlso CType(e.Item, GridEditableItem).IsInEditMode Then ' 2.1 Get reference of Edit Manager '---------------------------------------------------- Dim editedItem As GridEditableItem = CType(e.Item, GridEditableItem) Dim editMan As GridEditManager = editedItem.EditManager ' 2.2 Handle 'Category' DropDownList '---------------------------------------------------- ' 2.2.1 Get reference of respective ColumnEditor ' ................................................ Dim subjectEditor As GridDropDownListColumnEditor = CType(editMan.GetColumnEditor("Category"), GridDropDownListColumnEditor) Dim subjectsList As RadComboBox = subjectEditor.ComboBoxControl ' 2.2.2 Populate ' ................................................ subjectEditor.DataSource = CodeLibrary.CatList subjectEditor.DataTextField = "Value" subjectEditor.DataValueField = "Key" subjectEditor.DataBind() subjectsList.Items.Insert(0, New RadComboBoxItem("--- SELECT ---", "XX")) ' 2.2.3 Set Selected Value ' ................................................ subjectsList.SelectedValue = "XX" If Not e.Item.OwnerTableView.IsItemInserted Then subjectsList.SelectedValue = e.Item.DataItem("CatID") End If ' 2.2.4 Set Width ' ................................................ subjectsList.Width = Unit.Pixel(200) ' 2.3 Style 'Course Name' if Arabic '---------------------------------------------------- Dim nameEditor As GridTextBoxColumnEditor = CType(editMan.GetColumnEditor("CourseName"), GridTextBoxColumnEditor) Dim textColumn As TextBox = nameEditor.TextBoxControl If Not IsDBNull(e.Item.DataItem("Locale")) Then textColumn.CssClass = "arabicText alignRight" End If ' 2.4 Disable 'CourseID' on Edit '---------------------------------------------------- If Not TypeOf e.Item Is IGridInsertItem Then Dim idEditor As GridTextBoxColumnEditor = CType(editMan.GetColumnEditor("CourseID"), GridTextBoxColumnEditor) idEditor.TextBoxControl.Enabled = False End If End If Catch ex As Exception Dim errorMsg As String = String.Format("► CoursesDataBound: [{0}]", ex.Message) DisplayFeedback("page", Nothing, errorMsg) End TryEnd Sub