or
<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server"> <script type="text/javascript"> $(document).ready(function () { $('.clickMe').each(function () { $(this).attr("unselectable", "on"); $(this).click(function () { var editor = $find("<%=reKeyLink.ClientID%>"); editor.pasteHtml($(this).text()); }); }); }); </script> </telerik:RadScriptBlock>------------------------------------------------------------------------------- <div style="clear: left; margin-top: 15px; width:825px"> <div style="float:left;"> <telerik:RadEditor ID="reKeyLink" runat="server" Skin="Windows7" ViewStateMode="Disabled" ToolsFile="~/App_Themes/public/ToolsLimited.xml" Height="235px" Width="625px"> </telerik:RadEditor> </div> <div class="Tokens" id="overlay" style="float:left; visibility:hidden; border: 1px solid #A5B3C5; width:185px; text-align:center; margin-left:10px;"> <table id="tableid"> <tr style="width:184px"> <td class="clickMe" style=" text-align:right; width:92px">{ACCOUNT_ID}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{ADDR_LINE1}</td> </tr> <tr> <td class="clickMe" style=" text-align:right">{ADDR_LINE2}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{CITY}</td> </tr> <tr> <td class="clickMe" style=" text-align:right">{COMPANY}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{EMAIL_ADDR}</td> </tr> <tr> <td class="clickMe" style=" text-align:right">{FIRST_NAME}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{LAST_LOGIN}</td> </tr> <tr> <td class="clickMe" style=" text-align:right">{LAST_NAME}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{LOCATION}</td> </tr> <tr> <td class="clickMe" style=" text-align:right">{MIDDLE_INIT}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{NICKNAME}</td> </tr> <tr> <td class="clickMe" style=" text-align:right">{POS_CUST_ID}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{PREFIX_NAME}</td> </tr> <tr> <td class="clickMe" style=" text-align:right">{REVIEWER_ID}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{STATE}</td> </tr> <tr> <td class="clickMe" style=" text-align:right">{SUFFIX_NAME}</td><td style="width:5px"></td><td class="clickMe" style=" text-align:left">{ZIPCODE}</td> </tr> </table> </div> <div style="clear: left;"> <asp:RequiredFieldValidator ID="rfvKeyLink" runat="server" ControlToValidate="reKeyLink" ValidationGroup="AddKeyLink" Display="Dynamic" Text="Key link text is required." /> </div> </div> <telerik:RadListView runat="server" ID="rlvKeyLinks" Skin="Windows7" EnableEmbeddedSkins="true" RegisterWithScriptManager="true" AllowMultiItemEdit="false" OnNeedDataSource="RlvKeyLinks_NeedDataSource" OnItemCommand="RlvKeyLinks_ItemCommand" OnItemCreated="RlvKeyLinks_ItemCreated" AllowCustomPaging="true" AllowPaging="true" ItemPlaceholderID="phKeyLinksView" DataKeyNames="ID">-------------RadEditor and Table here-------------- </telerik:RadListView>protected void btnOutlookExport_Click(object sender, EventArgs e){ WriteCalendar(rsReservations.ExportToICalendar(rsReservations.Appointments));}<telerik:RadGrid ID="RadIcdGrid" GridLines="None" runat="server" AllowAutomaticDeletes="false" AllowAutomaticInserts="false" PageSize="10" AllowAutomaticUpdates="false" AllowPaging="True" SkinID="EzGrid" AutoGenerateColumns="False" OnInsertCommand="RadIcdGrid_OnInsertCommand" OnDataBound="RadIcdGrid_DataBound" OnDeleteCommand="RadIcdGrid_OnDeleteCommand" OnNeedDataSource="RadIcdGrid_NeedDataSource"><telerik:RadComboBox ID="RdICD" runat="server" DataSourceID="SqlICDDS" SkinID="EzGrid" EnableEmbeddedSkins="false" DataValueField="ICD9Code" DataTextField="ICD9Code" EmptyMessage="Select ICD Codes" HighlightTemplatedItems="true" Width="150px" Height="250px" EnableAutomaticLoadOnDemand="True" ItemsPerRequest="20" ExpandDirection="Up" ShowMoreResultsBox="true" Filter="Contains" ShowToggleImage="False" DropDownWidth="1000px" EnableScreenBoundaryDetection="true"> <HeaderTemplate> <table style="width: 1000px" cellspacing="0" cellpadding="0"> <tr> <td style="width: 100px;"> Code </td> <td style="width: 300px;"> Name </td> <td style="width: 600px;"> Description </td> </tr> </table> </HeaderTemplate> <ItemTemplate> <table style="width: 1000px" cellspacing="0" cellpadding="0"> <tr> <td style="width: 100px;"> <asp:Label runat="server" ID="Code"> <%# Eval("Code")%> </asp:Label> </td> <td style="width: 300px;"> <asp:Label runat="server" ID="Name"> <%# Eval("Name")%> </asp:Label> </td> <td style="width: 600px;"> <asp:Label runat="server" ID="DescShort"> <%# Eval("Description")%> </asp:Label> </td> </tr> </table> </ItemTemplate> </telerik:RadComboBox>/*Telerik RadGrid Default Skin*/ /*global*/ .RadGrid_EzGrid { border: 1px solid #999; background: #fff; color: #000; } .RadGrid_EzGrid, .RadGrid_EzGrid .rgMasterTable, .RadGrid_EzGrid .rgDetailTable, .RadGrid_EzGrid .rgGroupPanel table, .RadGrid_EzGrid .rgCommandRow table, .RadGrid_EzGrid .rgEditForm table, .RadGrid_EzGrid .rgPager table, .GridToolTip_EzGrid { font: 12px/16px "segoe ui" ,arial,sans-serif; } .RadGrid_EzGrid .rgHeader:first-child, .RadGrid_EzGrid th.rgResizeCol:first-child, .RadGrid_EzGrid .rgFilterRow > td:first-child, .RadGrid_EzGrid .rgRow > td:first-child, .RadGrid_EzGrid .rgAltRow > td:first-child { border-left-width: 0; padding-left: 8px; } .RadGrid_EzGrid .rgAdd, .RadGrid_EzGrid .rgRefresh, .RadGrid_EzGrid .rgEdit, .RadGrid_EzGrid .rgDel, .RadGrid_EzGrid .rgFilter, .RadGrid_EzGrid .rgPagePrev, .RadGrid_EzGrid .rgPageNext, .RadGrid_EzGrid .rgPageFirst, .RadGrid_EzGrid .rgPageLast, .RadGrid_EzGrid .rgExpand, .RadGrid_EzGrid .rgCollapse, .RadGrid_EzGrid .rgSortAsc, .RadGrid_EzGrid .rgSortDesc, .RadGrid_EzGrid .rgUpdate, .RadGrid_EzGrid .rgCancel, .RadGrid_EzGrid .rgUngroup, .RadGrid_EzGrid .rgExpXLS, .RadGrid_EzGrid .rgExpDOC, .RadGrid_EzGrid .rgExpPDF, .RadGrid_EzGrid .rgExpCSV { background-image: url('Grid/sprite.gif'); } /*header*/ .RadGrid_EzGrid .rgHeaderDiv { background: #e4e4e4; } .RadGrid_EzGrid .rgHeader, .RadGrid_EzGrid th.rgResizeCol { border: 0; border-bottom: 1px solid #7c7c7c; border-left: 1px solid #9e9e9e; background: #e4e4e4; text-decoration:underline; } .RadGrid_EzGrid th.rgSorted { background-color: #fffaeb; } .RadGrid_EzGrid .rgHeader, .RadGrid_EzGrid .rgHeader a { color: #000; } .RadGrid_EzGrid th.rgSorted, .RadGrid_EzGrid th.rgSorted a { /*color:#892500;*/} /*rows*/ .RadGrid_EzGrid .rgRow td, .RadGrid_EzGrid .rgAltRow td, .RadGrid_EzGrid .rgEditRow td, .RadGrid_EzGrid .rgFooter td { border-style: solid; border-width: 0 0 1px 1px; } .RadGrid_EzGrid .rgRow td { border-color: #fff #c3c3c3; } .RadGrid_EzGrid .rgAltRow { background: #ededed; } .RadGrid_EzGrid .rgAltRow td { border-color: #ededed #c3c3c3; } .RadGrid_EzGrid .rgRow .rgSorted { border-bottom-color: #fffaeb; background-color: #fffaeb; } .RadGrid_EzGrid .rgAltRow .rgSorted { border-bottom-color: #f1ecdd; background-color: #f1ecdd; } .RadGrid_EzGrid .rgSelectedRow .rgSorted, .RadGrid_EzGrid .rgActiveRow .rgSorted, .RadGrid_EzGrid .rgHoveredRow .rgSorted, .RadGrid_EzGrid .rgEditRow .rgSorted { background-color: transparent; } .RadGrid_EzGrid .rgRow a, .RadGrid_EzGrid .rgAltRow a, .RadGrid_EzGrid tr.rgEditRow a, .RadGrid_EzGrid .rgFooter a, .RadGrid_EzGrid .rgEditForm a { color: #000099; text-decoration: underline; } /*.RadGrid_EzGrid .rgSelectedRow { background:#ffa517; color:#892500; }*/* + html .RadGrid_EzGrid .rgSelectedRow .rgSorted { /*background-color:#ffa517*/} * html .RadGrid_EzGrid .rgSelectedRow .rgSorted { /*background-color:#ffa517*/} .RadGrid_EzGrid .rgSelectedRow a, .RadGrid_EzGrid .rgHoveredRow a, .RadGrid_EzGrid .rgActiveRow a { color: #000099; text-decoration: underline; } .RadGrid_EzGrid .rgActiveRow, .RadGrid_EzGrid .rgHoveredRow { /*background:#ffe79c 0 -2900px repeat-x url('Grid/sprite.gif'); color:#892500;*/} * + html .RadGrid_EzGrid .rgActiveRow .rgSorted, * + html .RadGrid_EzGrid .rgHoveredRow .rgSorted { /*background-color: #ffe79c;*/ background-color:#80C949; } * html .RadGrid_EzGrid .rgActiveRow .rgSorted, * html .RadGrid_EzGrid .rgHoveredRow .rgSorted { /*background-color: #ffe79c;*/ background-color:#80C949; } .RadGrid_EzGrid .rgEditRow { background: #fff 0 -4900px repeat-x url('Grid/sprite.gif'); } * + html .RadGrid_EzGrid .rgEditRow .rgSorted { background-color: #fff; } * html .RadGrid_EzGrid .rgEditRow .rgSorted { background-color: #fff; } .RadGrid_EzGrid .rgSelectedRow td, .RadGrid_EzGrid .rgSelectedRow td.rgSorted { /*border-color:#ca4b0c #ffa517;*/ border-bottom-color: #459e1d; } .RadGrid_EzGrid .rgActiveRow td, .RadGrid_EzGrid .rgActiveRow td.rgSorted, .RadGrid_EzGrid .rgHoveredRow td, .RadGrid_EzGrid .rgHoveredRow td.rgSorted { /*border-color: #c98400 #ffe79c;*/ border-color:#80C949; } .RadGrid_EzGrid .rgEditRow td, .RadGrid_EzGrid .rgEditRow td.rgSorted { border-color: #616161 #c3c3c3; } .RadGrid_EzGrid .rgDrag { background-image: url('Grid/rgDrag.gif'); } /*footer*/ .RadGrid_EzGrid .rgFooterDiv, .RadGrid_EzGrid .rgFooter { background: #e4e4e4; } .RadGrid_EzGrid .rgFooter td { border-top: 1px solid; border-color: #999 #c3c3c3; } /*status*/ .RadGrid_EzGrid .rgPager .rgStatus { border: 1px solid; border-color: #999 #999 #e4e4e4 #e4e4e4; border-left: 0; } .RadGrid_EzGrid .rgStatus div { background-image: url('Common/loading_small.gif'); } /*pager*/ .RadGrid_EzGrid .rgPager { background: #e4e4e4; } .RadGrid_EzGrid td.rgPagerCell { border: 1px solid; border-color: #999 #e4e4e4 #e4e4e4; border-right: 0px; } .RadGrid_EzGrid .rgInfoPart { color: #777; } .RadGrid_EzGrid .rgInfoPart strong { color: #4c4e54; } .RadGrid_EzGrid .rgPageFirst { background-position: 0 -550px; } .RadGrid_EzGrid .rgPageFirst:hover { background-position: 0 -600px; } .RadGrid_EzGrid .rgPagePrev { background-position: 0 -700px; } .RadGrid_EzGrid .rgPagePrev:hover { background-position: 0 -750px; } .RadGrid_EzGrid .rgPageNext { background-position: 0 -850px; } .RadGrid_EzGrid .rgPageNext:hover { background-position: 0 -900px; } .RadGrid_EzGrid .rgPageLast { background-position: 0 -1000px; } .RadGrid_EzGrid .rgPageLast:hover { background-position: 0 -1050px; } .RadGrid_EzGrid .rgPager .rgPagerButton { border-color: #7e7e7e; background: #c6c6c6; color: #000; font: 12px/12px "segoe ui" ,arial,sans-serif; } .RadGrid_EzGrid .rgNumPart a { border: 1px solid #e4e4e4; line-height: 20px; color: #000; } .RadGrid_EzGrid .rgNumPart a:hover { border-color: #333333; background:#80C949; color: #000000; } .RadGrid_EzGrid .rgNumPart a.rgCurrentPage, .RadGrid_EzGrid .rgNumPart a.rgCurrentPage:hover { border-color: #333333; /*background: transparent;*/ background: #80C949; color: #000000; } /*sorting, reordering*/ .RadGrid_EzGrid .rgHeader .rgSortAsc { background-position: 3px -248px; height: 10px; } .RadGrid_EzGrid .rgHeader .rgSortDesc { background-position: 3px -198px; height: 10px; } .GridReorderTop_EzGrid, .GridReorderBottom_EzGrid { background: 0 0 no-repeat url('Grid/sprite.gif'); } .GridReorderBottom_EzGrid { background-position: 0 -50px; } /*filtering*/ .RadGrid_EzGrid .rgFilterRow { background: #e4e4e4; } .RadGrid_EzGrid .rgFilterRow td { border-bottom: 1px solid #999; border-left: 1px solid #e4e4e4; } .RadGrid_EzGrid .rgFilter { background-position: 0 -300px; } .RadGrid_EzGrid .rgFilter:hover { background-position: 0 -350px; } .RadGrid_EzGrid .rgFilterActive, .RadGrid_EzGrid .rgFilterActive:hover { background-position: 0 -400px; } .RadGrid_EzGrid .rgFilterBox { border-color: #616161; font: 12px "segoe ui" ,arial,sans-serif; color: #000; } /*context menu*/ .GridContextMenu_Default .rmLeftImage { background-image: url('../Common/Grid/contextMenu.gif'); } .GridContextMenu_Default .rgHCMSortAsc .rmLeftImage { background-position: 0 0; } .GridContextMenu_Default .rgHCMSortDesc .rmLeftImage { background-position: 0 -40px; } .GridContextMenu_Default .rgHCMUnsort .rmLeftImage { background-position: 0 -80px; } .GridContextMenu_Default .rgHCMGroup .rmLeftImage { background-position: 0 -120px; } .GridContextMenu_Default .rgHCMUngroup .rmLeftImage { background-position: 0 -160px; } .GridContextMenu_Default .rgHCMCols .rmLeftImage { background-position: 0 -200px; } .GridContextMenu_Default .rgHCMFilter .rmLeftImage { background-position: 0 -240px; } .GridContextMenu_Default .rgHCMUnfilter .rmLeftImage { background-position: 0 -280px; } /*filter context menu*/ .RadMenu_EzGrid .rgHCMClear, .RadMenu_EzGrid .rgHCMFilter { border-color: #898772 /*#7e7e7e*/; background: #dfe1ca; color: #000; font-family: "segoe ui" ,arial,sans-serif; -moz-border-radius: 0; -webkit-border-radius: 0; } .RadMenu_EzGrid .rgHCMClear:hover, .RadMenu_EzGrid .rgHCMFilter:hover { border-color: #74ca53 #5cb83a #42a31d; background-color: #dbf4c7; color: #279500; } /*grouping*/ .RadGrid_EzGrid .rgGroupPanel { border: 0; border-bottom: 1px solid #7c7c7c; background: #c6c6c6; } .RadGrid_EzGrid .rgGroupPanel td { border: 0; padding: 3px 4px; } .RadGrid_EzGrid .rgGroupPanel td td { padding: 0; } .RadGrid_EzGrid .rgGroupPanel .rgSortAsc { background-position: 4px -144px; } .RadGrid_EzGrid .rgGroupPanel .rgSortDesc { background-position: 4px -94px; } .RadGrid_EzGrid .rgUngroup { background-position: 0 -6999px; } .RadGrid_EzGrid .rgGroupItem { border: 1px solid #7e7e7e; background: #c6c6c6; } .RadGrid_EzGrid .rgMasterTable td.rgGroupCol, .RadGrid_EzGrid .rgMasterTable td.rgExpandCol { border-color: #c9c9c9; background: #c9c9c9 none; } .RadGrid_EzGrid .rgGroupHeader { background: #c9c9c9; font-size: 1.1em; line-height: 22px; color: #000; } .RadGrid_EzGrid .rgGroupHeader td { padding-left: 8px; padding-bottom: 2px; } .RadGrid_EzGrid .rgExpand { background-position: 5px -496px; } .RadGrid_EzGrid .rgCollapse { background-position: 3px -444px; } /*editing*/ .RadGrid_EzGrid .rgEditForm { border-bottom: 1px solid #999; } .RadGrid_EzGrid .rgUpdate { background-position: 0 -1800px; } .RadGrid_EzGrid .rgCancel { background-position: 0 -1850px; } /*hierarchy*/ .RadGrid_EzGrid .rgDetailTable { border-color: #999; } /*command row*/ .RadGrid_EzGrid .rgCommandRow { background: #c6c6c6; color: #000; height: 36px; } .RadGrid_EzGrid .rgCommandCell { border: 0; border-bottom: 1px solid #7c7c7c; padding: 0; } .RadGrid_EzGrid tfoot .rgCommandCell, .RadGrid_EzGrid .rgMasterTable > tbody > tr.rgCommandRow .rgCommandCell { border-top: 1px solid #7c7c7c; border-bottom: 0; } .RadGrid_EzGrid .rgCommandTable td { border: 0; padding: 2px 7px; } .RadGrid_EzGrid .rgCommandTable a { font-weight:bold; font-size:14px; } .RadGrid_EzGrid .rgCommandTable { border: 0; } .RadGrid_EzGrid .rgCommandRow a { color: #000; text-decoration: none; } .RadGrid_EzGrid .rgAdd { margin-right: 3px; background-position: 0 -1650px; background: 0 0 no-repeat url('Grid/add_icon.jpg'); } .RadGrid_EzGrid .rgRefresh { margin-right: 3px; background-position: 0 -1600px; background: 0 0 no-repeat url('Grid/refresh_icon.jpg'); } .RadGrid_EzGrid .rgEdit { background-position: 0 -1700px; } .RadGrid_EzGrid .rgDel { background-position: 0 -1750px; } .RadGrid_EzGrid .rgExpXLS, .RadGrid_EzGrid .rgExpDOC, .RadGrid_EzGrid .rgExpPDF, .RadGrid_EzGrid .rgExpCSV { background-image: url('Grid/export.gif'); } .RadGrid_EzGrid .rgExpXLS { background-position: 0 0; } .RadGrid_EzGrid .rgExpDOC { background-position: 0 -50px; } .RadGrid_EzGrid .rgExpPDF { background-position: 0 -100px; } .RadGrid_EzGrid .rgExpCSV { background-position: 0 -150px; } /*multirow select*/ .GridRowSelector_EzGrid { background: #4c4e54; } /*row drag n drop*/ .GridItemDropIndicator_EzGrid { border-top: 1px dashed #666; } /*tooltip*/ .GridToolTip_EzGrid { border: 1px solid #c98400; padding: 3px; background: #ffefbd; color: #333; } /*rtl*/ .RadGridRTL_EzGrid .rgHeader:first-child, .RadGridRTL_EzGrid th.rgResizeCol:first-child, .RadGridRTL_EzGrid .rgFilterRow > td:first-child, .RadGridRTL_EzGrid .rgRow > td:first-child, .RadGridRTL_EzGrid .rgAltRow > td:first-child { border-left-width: 1px; padding-left: 7px; text-decoration:underline; } .RadGridRTL_EzGrid .rgPageFirst { background-position: 0 -1000px; } .RadGridRTL_EzGrid .rgPageFirst:hover { background-position: 0 -1050px; } .RadGridRTL_EzGrid .rgPagePrev { background-position: 0 -850px; } .RadGridRTL_EzGrid .rgPagePrev:hover { background-position: 0 -900px; } .RadGridRTL_EzGrid .rgPageNext { background-position: 0 -700px; } .RadGridRTL_EzGrid .rgPageNext:hover { background-position: 0 -750px; } .RadGridRTL_EzGrid .rgPageLast { background-position: 0 -550px; } .RadGridRTL_EzGrid .rgPageLast:hover { background-position: 0 -600px; } DIV.RadGrid_EzGrid .rgCommandCell { /*BACKGROUND-IMAGE: url('ImageHandler.ashx?mode=get&suite=aspnet-ajax&control=Grid&skin=EzGrid&file=right_top.jpg&t=1889871502'); LINE-HEIGHT: 20px; PADDING-RIGHT: 27px; font-weight: bold; */} DIV.RadGrid_EzGrid { border-right-color: #EEEEEE; border-left-color: #EEEEEE; border-top: #999999 0px solid; } DIV.RadGrid_EzGrid TH.rgResizeCol { padding-bottom: 12px; background-color: #808080; padding-left: 0px; padding-right: 0px; padding-top: 12px; } DIV.RadGrid_EzGrid .rgHeader { padding-bottom: 5px; background-color: #666666; padding-left: 0px; padding-right: 0px; padding-top: 5px; text-align: center; font-weight: bold; font-size: small; color: #FFFFFF; border-bottom-color: #4eb106; border-bottom-width: 5px; } DIV.RadGrid_EzGrid .rgRow { line-height: 16px; background-color: #FFFFFF; color: #555555; font-size: 12px; } DIV.RadGrid_EzGrid .rgRow TD { line-height: 16px; background-color: #FFFFFF; } DIV.RadGrid_EzGrid .rgAltRow TD { line-height: 16px; background-color: #E8E8E8; } DIV..RadGrid_EzGrid .rgSelectedRow { /*background-color: #d6faba;*/ background-color: #80C949; } DIV.RadGrid_EzGrid .rgSelectedRow TD { line-height: 16px; /*background-color: #d6faba;*/ background-color: #80C949; color: #000000; } DIV.RadGrid_EzGrid .rgCommandRow { line-height: 13px; background-color: transparent; background-image: url('TabStrip/tab1.png'); background-position: 0px 0px; font-size: 12px; font-weight: bold; height: 36px; } DIV.RadGrid_EzGrid .rgCommandCell { background-image: none; border-top-color: #00A1D6; font-size: 12px; font-weight: bold; padding-right: 27px; } DIV.RadGrid_EzGrid TR.rgSelectedRow { line-height: 16px; /*background-color: #d6faba;*/ background-color: #80C949; color: #555555; font-size: 12px; } DIV.RadGrid_EzGrid .rgAltRow { line-height: 16px; background-color: #E8E8E8; color: #555555; font-size: 12px; } DIV.RadGrid_EzGrid .rgHeader { /*FONT-WEIGHT: bold; font-size:smaller;*/} DIV.RadGrid_EzGrid .rgHeader A { font-weight: bold; color: #FFFFFF; font-size: 12px; } DIV.RadGrid_EzGrid .rgFilterBox { width: 40px; } /* DIV..RadGrid_EzGrid .rgHoveredRow td { BACKGROUND-COLOR: #d6faba; }*/.imgEdit { background: transparent; } .RadGrid_EzUR .SelectedRow { background-color: #4EB106; } DIV.RadGrid_EzUR .rgCommandRow { font-size: 14px; font-weight: bold; } DIV.RadGrid_EzUR TR.rgSelectedRow { background-color: #4EB106; } DIV.RadGrid_EzUR TABLE TR.rgHoveredRow { background-color: #4EB106; background-repeat: repeat-x; } DIV.RadGrid_EzUR .rgAltRow { background-color: #4EB106; background-repeat: repeat-x; } DIV.RadGrid_EzUR TR.rgSelectedRow { background-color: #4EB106; background-repeat: repeat-x; } DIV.RadGrid_EzUR TABLE TR.rgHoveredRow { background-color: #4EB106; background-repeat: repeat-x; } DIV.RadGrid_EzUR .rgAltRow { background-color: #4EB106; background-repeat: repeat-x; } /* RadComboBox Default skin */ /*global*/ .RadComboBox_EzGrid, .RadComboBox_EzGrid .rcbInput, .RadComboBoxDropDown_EzGrid { font: 12px "Segoe UI", Arial, sans-serif; color: #333; } /* combobox */ .RadComboBox_EzGrid .rcbInputCellLeft, .RadComboBox_EzGrid .rcbInputCellRight, .RadComboBox_EzGrid .rcbArrowCellLeft, .RadComboBox_EzGrid .rcbArrowCellRight { background-image: url('ComboBox/rcbSprite.png'); } * html .RadComboBox_EzGrid .rcbInputCellLeft, * html .RadComboBox_EzGrid .rcbInputCellRight, * html .RadComboBox_EzGrid .rcbArrowCellLeft, * html .RadComboBox_EzGrid .rcbArrowCellRight { background-image: url('ComboBox/rcbSpriteIE6.png'); } .RadComboBox_EzGrid td.rcbInputCellLeft { background-position: 0 0; } .RadComboBox_EzGrid td.rcbInputCellRight { background-position: 100% 0; } .RadComboBox_EzGrid .rcbHovered .rcbInputCellLeft { background-position: 0 0; } .RadComboBox_EzGrid .rcbHovered .rcbInputCellRight { background-position: 100% 0; } .RadComboBox_EzGrid .rcbFocused .rcbInputCellLeft { background-position: 0 0; } .RadComboBox_EzGrid .rcbFocused .rcbInputCellRight { background-position: 100% 0; } .RadComboBox_EzGrid .rcbHovered .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -22px; } .RadComboBox_EzGrid .rcbHovered .rcbReadOnly td.rcbInputCellRight { background-position: 100% -22px; } .RadComboBox_EzGrid .rcbFocused .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -44px; } .RadComboBox_EzGrid .rcbFocused .rcbReadOnly td.rcbInputCellRight { background-position: 100% -44px; } .RadComboBox_EzGrid .rcbInputCell .rcbEmptyMessage { color: #666; } .RadComboBox_EzGrid .rcbHovered .rcbInputCell .rcbInput { color: #000; } .RadComboBox_EzGrid td.rcbArrowCellLeft { background-position: -18px -88px; } .RadComboBox_EzGrid td.rcbArrowCellRight { background-position: 0 -88px; } .RadComboBox_EzGrid .rcbHovered .rcbArrowCellLeft { background-position: -54px -88px; } .RadComboBox_EzGrid .rcbHovered .rcbArrowCellRight { background-position: -36px -88px; } .RadComboBox_EzGrid .rcbFocused .rcbArrowCellLeft { background-position: -90px -88px; } .RadComboBox_EzGrid .rcbFocused .rcbArrowCellRight { background-position: -72px -88px; } .RadComboBox_EzGrid td.rcbArrowCellHidden, .RadComboBox_EzGrid .rcbHovered td.rcbArrowCellHidden, .RadComboBox_EzGrid .rcbFocused td.rcbArrowCellHidden { background-position: -15px -88px; } .RadComboBox_EzGrid_rtl td.rcbArrowCellHidden, .RadComboBox_EzGrid_rtl .rcbHovered td.rcbArrowCellHidden, .RadComboBox_EzGrid_rtl .rcbFocused td.rcbArrowCellHidden { background-position: -18px -88px; } /* Read-only styles */ .RadComboBox_EzGrid .rcbReadOnly td.rcbArrowCellLeft { background-position: -18px -88px; } .RadComboBox_EzGrid .rcbReadOnly td.rcbArrowCellRight { background-position: -2px -88px; } .RadComboBox_EzGrid .rcbHovered .rcbReadOnly .rcbArrowCellLeft { background-position: -54px -88px; } .RadComboBox_EzGrid .rcbHovered .rcbReadOnly .rcbArrowCellRight { background-position: -38px -88px; } .RadComboBox_EzGrid .rcbFocused .rcbReadOnly .rcbArrowCellLeft { background-position: -90px -88px; } .RadComboBox_EzGrid .rcbFocused .rcbReadOnly .rcbArrowCellRight { background-position: -74px -88px; } .RadComboBox_EzGrid .rcbReadOnly td.rcbArrowCellHidden { background-position: -15px -88px; } .RadComboBox_EzGrid .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -51px -88px; } .RadComboBox_EzGrid .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -87px -88px; } .RadComboBox_EzGrid_rtl .rcbReadOnly td.rcbArrowCellHidden { background-position: -18px -88px; } .RadComboBox_EzGrid_rtl .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -54px -88px; } .RadComboBox_EzGrid_rtl .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -90px -88px; } /* dropdown */ .RadComboBoxDropDown_EzGrid .rcbHeader, .RadComboBoxDropDown_EzGrid .rcbFooter, .RadComboBoxDropDown_EzGrid .rcbMoreResults, .RadComboBoxDropDown_EzGrid .rcbMoreResults a { background-image: url('ComboBox/rcbSprite.png'); } * html .RadComboBoxDropDown_EzGrid .rcbHeader, * html .RadComboBoxDropDown_EzGrid .rcbFooter, * html .RadComboBoxDropDown_EzGrid .rcbMoreResults, * html .RadComboBoxDropDown_EzGrid .rcbMoreResults a { background-image: url('ComboBox/rcbSpriteIE6.png'); } .RadComboBoxDropDown_EzGrid { background: #fff; border-color: #c6c7d2; border-top-color: #83868d; } .RadComboBoxDropDown_EzGrid .rcbHeader, .RadComboBoxDropDown_EzGrid .rcbFooter { background-color: #f1f2f4; background-position: 0 -110px; } .RadComboBoxDropDown_EzGrid .rcbHeader { border-bottom-color: #d5d5d5; } .RadComboBoxDropDown_EzGrid .rcbFooter { border-top-color: #d5d5d5; } .RadComboBoxDropDown_EzGrid .rcbItem em { background: #e5e5e5; } .RadComboBoxDropDown_EzGrid .rcbHovered { background: #dfdfdf; color: #000; } .RadComboBoxDropDown_EzGrid .rcbSeparator { color: #fff; background: #8a8a8a; } .RadComboBox_EzGrid .rcbDisabled .rcbInputCell .rcbInput, .RadComboBoxDropDown_EzGrid .rcbDisabled { color: #999; } .RadComboBox_EzGrid .rcbDisabled td.rcbInputCellLeft { background-position: 0 -66px; } .RadComboBox_EzGrid .rcbDisabled td.rcbInputCellRight { background-position: 100% -66px; } .RadComboBox_EzGrid .rcbDisabled td.rcbArrowCellLeft { background-position: -126px -88px; } .RadComboBox_EzGrid .rcbDisabled td.rcbArrowCellRight { background-position: -108px -88px; } .RadComboBox_EzGrid .rcbDisabled .rcbReadOnly td.rcbArrowCellRight { background-position: -110px -88px; } .RadComboBox_EzGrid table.rcbDisabled td.rcbArrowCellHidden, .RadComboBox_EzGrid .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden { background-position: -123px -88px; } .RadComboBox_EzGrid_rtl table.rcbDisabled td.rcbArrowCellHidden, .RadComboBox_EzGrid_rtl .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden { background-position: -126px -88px; } .RadComboBoxDropDown_EzGrid .rcbLoading { background: #f0f0f0; } .RadComboBoxDropDown_EzGrid .rcbMoreResults { border-top-color: #c6c7d2; background-position: 0 -132px; background-color: #e6e6e6; color: #8a8a8a; } .RadComboBoxDropDown_EzGrid .rcbMoreResults a { background-position: -157px -94px; } DIV.RadComboBox_EzGrid .rcbHovered .rcbInputCell { BACKGROUND-COLOR: #888888; } 
<telerik:RadButton ID="btnAbsolut" runat="server" Checked="true" ButtonType="StandardButton" ToggleType="Radio" GroupName="turnoverChartValue" Text="Absolute Werte" Skin="Rausch" ToolTip="Anzeige als Absolute Werte" EnableEmbeddedSkins="False" EnableEmbeddedBaseStylesheet="False" Width="60" OnCheckedChanged="TurnoverChartButton_CheckedChanged"></telerik:RadButton><telerik:RadButton ID="btnAbweichung" runat="server" ButtonType="StandardButton" ToggleType="Radio" GroupName="turnoverChartValue" Text="Abweichung" Skin="Rausch" ToolTip="Anzeige als Abweichung" EnableEmbeddedSkins="False" EnableEmbeddedBaseStylesheet="False" Width="60" OnCheckedChanged="TurnoverChartButton_CheckedChanged"></telerik:RadButton><telerik:RadButton ID="btnProzent" runat="server" ButtonType="StandardButton" ToggleType="Radio" GroupName="turnoverChartValue" Text="Abweichung in %" Skin="Rausch" ToolTip="Anzeige als Abweichung in Prozent" EnableEmbeddedSkins="False" EnableEmbeddedBaseStylesheet="False" Width="60" OnCheckedChanged="TurnoverChartButton_CheckedChanged"></telerik:RadButton><div style="display: block;" id="btnAbsolutPanel"> <a style="width: 60px; display: inline-block;" id="btnAbsolut" class="RadButton RadButton_Rausch rbSkinnedButton rbSkinnedButtonChecked" title="Anzeige als Absolute Werte" href="javascript:void(0)"><input style="width: 100%; padding-right: 0px; padding-left: 4px;" id="btnAbsolut_input" class="rbDecorated" tabIndex="-1" name="btnAbsolut" value="Absolute Werte" type="submit"><input id="btnAbsolut_ClientState" name="btnAbsolut_ClientState" type="hidden" autocomplete="off"></a></div><div style="display: block;" id="btnAbweichungPanel"> <a style="width: 60px; display: inline-block;" id="btnAbweichung" class="RadButton RadButton_Rausch rbSkinnedButton" title="Anzeige als Abweichung" href="javascript:void(0)"><input style="width: 100%; padding-right: 0px; padding-left: 4px;" id="btnAbweichung_input" class="rbDecorated" tabIndex="-1" name="btnAbweichung" value="Abweichung" type="submit"><input id="btnAbweichung_ClientState" name="btnAbweichung_ClientState" type="hidden" autocomplete="off"></a></div><div style="display: block;" id="btnProzentPanel"> <a style="width: 60px; display: inline-block;" id="btnProzent" class="RadButton RadButton_Rausch rbSkinnedButton" title="Anzeige als Abweichung in Prozent" href="javascript:void(0)"><input style="width: 100%; padding-right: 0px; padding-left: 4px;" id="btnProzent_input" class="rbDecorated" tabIndex="-1" name="btnProzent" value="Abweichung in %" type="submit"><input id="btnProzent_ClientState" name="btnProzent_ClientState" type="hidden" autocomplete="off"></a></div>