I just recently upgraded a project to the latest release (2016.1.113) and am experiencing a change in the appearance of panel headers. Prior to the update the header was highlighted with the reverse/selected when open. After the update only the last panel selected is highlighted. We are using the Metro touch skin (this is a mobile site) and the headers are now difficult to distinguish from the content. Please see the attached screen shot. How do I restore this to have the panel header always highlighted? here is my markup code:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="XPanelBarTest.aspx.vb" Inherits="mobile.autoclick.com.XPanelBarTest" %><!DOCTYPE html><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"> <title></title> <styletype="text/css"> html .RadPanelBar_MetroTouch .rmRootToggle { height:25px; width:24px; } html .RadPanelBar_MetroTouch .rmRootToggle:before { font-size:18px; } html .RadPanelBar_MetroTouch .rpTemplate { line-height: 18px; } html .RadPanelBar_BlackMetroTouch .rpTemplate { line-height: 18px; } </style> <scripttype="text/javascript"src="/jquery/jquery-1.9.1.min.js"></script> <scripttype="text/javascript"src="/js/plupload.full.min.js"></script> <scripttype="text/javascript"src="/js/jquery.plupload.queue/jquery.plupload.queue.js"></script></head><body> <formid="form1"runat="server"> <telerik:RadScriptManagerID="RadScriptManager1"runat="server"></telerik:RadScriptManager> <telerik:RadPanelBarID="RadPanelBar1"runat="server"Width="99%"Skin="MetroTouch"> <Items> <telerik:RadPanelItemText="Photos"> <ContentTemplate> <divstyle="overflow:hidden"> <divid="container"> <telerik:RadButtonID="radbtnAddPhoto"runat="server"Text="Add New Photos"Width="99%"></telerik:RadButton> </div> <telerik:RadButtonID="radbtnVehicleNotSaved"runat="server"Text="Please save the vehicle before adding photos."Width="99%"Enabled="false"></telerik:RadButton> </div> </ContentTemplate> </telerik:RadPanelItem> <telerik:RadPanelItemText="Description"> <ContentTemplate> <divstyle="overflow:hidden"> <fieldset> <telerik:RadAjaxPanelID="RadAjaxPanel2"runat="server"> <tableclass="fieldsetTable"> <tr> <tdstyle="padding-top:2px; padding-right:8px; padding-bottom:8px"colspan="2"> <telerik:RadButtonID="radbtnScanner"runat="server"Text="Scan VIN"ButtonType="LinkButton"CssClass="fieldsetTable" ></telerik:RadButton> <telerik:RadButtonID="radbtnDecodeVin"runat="server"Text="Decode VIN"></telerik:RadButton> </td> </tr> <tr> <tdclass="lablecell_1"> VIN:<spanclass="Reqd">*</span> </td> <tdclass="tablecell"> <asp:TextBoxrunat="server"ID="txtVin"Width="200px"CssClass="tdText"MaxLength="21"></asp:TextBox> <telerik:RadWindowID="radwinSelectTrimLevel"runat="server"Title="Select Trim Level"Width="290px"Behaviors="Move, Close, Resize"Skin="MetroTouch"Modal="true"CenterIfModal="true"> <ContentTemplate> <tablestyle="margin:10px; width:96%"> <tr> <td> <labelrunat="server"id="lblPopupCommentsLabel"class="tdText">Please Select A Trim Level:</label> </td> </tr> <tr> <td> <asp:RadioButtonListID="rblistTrimLevels"runat="server"Width="90%"CssClass="rbtext"style="line-height:30px"></asp:RadioButtonList> </td> </tr> <tr> <tdstyle="text-align:center"> <telerik:RadButtonID="rdbTrimLevelOK"runat="server"Text="OK"Width="90px"></telerik:RadButton> </td> </tr> </table> </ContentTemplate> </telerik:RadWindow> </td> </tr> </table> </telerik:RadAjaxPanel> </fieldset> </div> </ContentTemplate> </telerik:RadPanelItem> <telerik:RadPanelItemText="Status"> <ContentTemplate> <divstyle="overflow:hidden"> <tablestyle="margin:5px"> <tr> <tdstyle="width:100%"> <tableclass="fieldsetTable"> <tr> <tdclass="tablecell"colspan="2"> <asp:CheckBoxrunat="server"ID="cbShowOnLine"Text="Show On Line:"TextAlign="Left" /> </td> </tr> <tr> <tdstyle="width:44px"> New/Used:<spanclass="Reqd">*</span> </td> <tdclass="tablecell"> <asp:DropDownListrunat="server"ID="ddNewUsed"CssClass="dropdownText"> <asp:ListItemText="-- New/Used --"Value="2"></asp:ListItem> <asp:ListItemText="New"Value="1"></asp:ListItem> <asp:ListItemText="Used"Value="0"></asp:ListItem> </asp:DropDownList> </td> </tr> <tr> <td> Status:<spanclass="Reqd">*</span> </td> <tdclass="tablecell"> </td> </tr> <tr> <td> Condition:<spanclass="Reqd">*</span> </td> <tdclass="tablecell"> </td> </tr> </table> </td> </tr> <tr> <tdstyle="text-align:right"colspan="2"> <spanclass="fieldsetTable">* Required</span> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadPanelItem> <telerik:RadPanelItemText="Price"> <ContentTemplate> <divstyle="overflow:hidden"> <tableclass="fieldsetTable"style="margin:5px"> <tr> <tdvalign="top"style="width: 50%;"> <tableclass="fieldsetTable"style="width:100%"> <tr> <tdclass="tablecell"> List:<br/> <asp:TextBoxrunat="server"ID="txtListPrice"Width="100px"CssClass="tdText numberTextBox"></asp:TextBox> </td> </tr> <tr> <tdclass="tablecell"> Markup (Pack):<br/> <asp:TextBoxrunat="server"ID="txtMarkup"Width="100px"CssClass="tdText numberTextBox"></asp:TextBox> </td> </tr> </table> </td> <tdvalign="top"style="width: 50%;"> <tableclass="fieldsetTable"style="width:100%"> <tr> <tdclass="tablecell"> Cost/ACV:<br/> <asp:TextBoxrunat="server"ID="txtCostACV"Width="100px"CssClass="tdText numberTextBox"></asp:TextBox> </td> </tr> <tr> <tdclass="tablecell"> Advertised Price:<br/> <asp:TextBoxrunat="server"ID="txtAdvertisedPrice"Width="100px"CssClass="tdText numberTextBox"></asp:TextBox> </td> </tr> </table> </td> </tr> <tr> <tdvalign="middle"colspan="2"style="padding-top:4px"> Custom Price Text - overrides vehicle price (70 characters max):<br/> <asp:TextBoxrunat="server"ID="txtCustomPriceText"Width="98%"CssClass="tdText"TextMode="MultiLine"Rows="2"Height="30px"></asp:TextBox> </td> </tr> </table> </div> </ContentTemplate> </telerik:RadPanelItem> <telerik:RadPanelItemText="Equipment"> <ContentTemplate> <divstyle="overflow:hidden"> <telerik:RadAjaxPanelID="RadAjaxPanel3"runat="server"> <divstyle="margin:5px"> <asp:TextBoxrunat="server"ID="txtEquipment"Width="99%"Height="80px"CssClass="tdText" TextMode="MultiLine"></asp:TextBox><br/> <asp:PanelID="panelOptions"runat="server"Visible="false"Width="99%"> Additional Optional Equipment (check all that apply):<br/> </asp:Panel> </div> </telerik:RadAjaxPanel> </div> </ContentTemplate> </telerik:RadPanelItem> <telerik:RadPanelItemText="Web Description / Video"> <ContentTemplate> <divstyle="overflow:hidden"> <divstyle="margin:5px"> <span class="fieldsetTable">Description On Web:</span><br/> <asp:TextBoxrunat="server"ID="txtWebDescription"Width="98%"Height="106px"CssClass="tdText" TextMode="MultiLine"></asp:TextBox> <br/> <asp:CheckBoxrunat="server"ID="cbUseAutoclickImages"Text="Use Autoclick Images"CssClass="fieldsetTable"/> <br/><br/> <span class="fieldsetTable">Embeded Video:</span><br/> <asp:ButtonID="btnPasteVideoCode"runat="server"CssClass="tdText"Text="Paste Embedded Code"Width="164px"OnClientClick="PasteFromClipboard(); return false;"/> <asp:ButtonID="btnClearVideoCode"runat="server"CssClass="tdText"Text="Clear"Width="55px"OnClientClick="ClearVideoCode(); return false;"/><br/> <asp:TextBoxrunat="server"ID="txtVideoLink"Width="98%"Height="70px"CssClass="tdText"ForeColor="DarkGray" ReadOnly="false"TextMode="MultiLine"onchange="javascript:VideoCodeChanged(this);" ToolTip="Upload your video to Youtube then click the 'Embed' button and copy and paste the code into this field. Your video will appear on the Vehicle Detail page."></asp:TextBox> </div> </div> </ContentTemplate> </telerik:RadPanelItem> </Items> </telerik:RadPanelBar> </form></body></html>Thanks.
Charles