This is a migrated thread and some comments may be shown as answers.

Telerik issue with Windows 7 , VS 2008

4 Answers 105 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

4 Answers, 1 is accepted

answered on 02 Feb 2012, 08:21 AM

Hello Mani,

Based on the provided information I can not tell how your problem is related to Telerik Rad Controls for ASP.NET AJAX. In order to help you further I will need the source code of the BontonStandard theme, which is causing the issue. In addition it will be helpful if you provide the whole page source and not only the

<pages styleSheetTheme="BontonStandard" maxPageStateFieldLength="2000" >

row.

Kind regards,
Stanimir
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

answered on 02 Feb 2012, 07:06 PM

Global.skin:

<%-- AJAX ControlKit--%>

<ajaxtoolkit:AutoCompleteExtender runat="server" MinimumPrefixLength="3" EnableCaching="true" CompletionInterval="500" CompletionListCssClass="autoComplete" CompletionListItemCssClass="autoCompleteItem" CompletionListHighlightedItemCssClass="autoCompleteHighlightedItem" />

<%-- ASP Button --%>

<asp:Button runat="server" CssClass="aspButton" />

<%-- ASP Menu --%>

<asp:Menu runat="server" SkinID="mnuNav" CssClass="aspMenu">

<DynamicMenuItemStyle ForeColor="Blue" Font-Size="12pt" />

<DynamicHoverStyle ForeColor="Black" />

</asp:Menu>

<%--ASP Label --%>

<%-- ASP RadioButtonList --%>

<asp:RadioButtonList SkinID="rblFlow" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow" CssClass="aspRadioButtonListFlow" />

<%-- ASP TextBox --%>

<asp:TextBox runat="server" CssClass="aspTextBox" />

<%-- Telerik RadCalendar --%>

<telerik:RadCalendar runat="server" Skin="WebBlue" />

<telerik:RadDatePicker runat="server" Skin="Vista" Width="100">

<DateInput runat="server" DisplayDateFormat="ddd MM/dd/yyyy" InvalidStyleDuration="100" />

<DatePopupButton ImageUrl="~/Images/Cal.gif" HoverImageUrl="~/Images/Cal.gif" />

</telerik:RadDatePicker>

<telerik:RadDatePicker runat="server" SkinID="disDatePicker" Skin="Vista" Width="100">

<DateInput runat="server" DisplayDateFormat="ddd MM/dd/yyyy" InvalidStyleDuration="100" ReadOnly="True" />

<DatePopupButton ImageUrl="~/Images/Cal.gif" HoverImageUrl="~/Images/Cal.gif" Visible="False" />

</telerik:RadDatePicker>

<telerik:RadTimePicker runat="server" Skin="Vista" Width="100">

<TimeView runat="server" StartTime="00:00:00" EndTime="23:59:00" Interval="01:00:00" Columns="2" TimeFormat="HH:mm" />

<DateInput runat="server" DateFormat="HH:mm" />

</telerik:RadTimePicker>

<telerik:RadTimePicker runat="server" SkinID="disTimePicker" Skin="Vista" Width="100">

<TimeView runat="server" StartTime="00:00:00" EndTime="23:59:00" Interval="01:00:00" Columns="2" TimeFormat="HH:mm" />

<DateInput runat="server" DateFormat="HH:mm" ReadOnly="True" />

<TimePopupButton Visible="False" />

</telerik:RadTimePicker>

<%-- Telerik RadComboBox --%>

<telerik:RadComboBox runat="server" Skin="Vista" Width="100" MarkFirstMatch="true" NoWrap="true" Height="150"

EnableLoadOnDemand="True" CausesValidation="false" AppendDataBoundItems="true" />

<telerik:RadComboBox SkinID="CheckBoxTemplate" runat="server" Skin="Vista" DropDownWidth="320" NoWrap="true" Height="150"

EnableLoadOnDemand="true" CausesValidation="False" HighlightTemplatedItems="true" AllowCustomText="true"

OnClientSelectedIndexChanging="RTS.WebControls.RadComboBox.cancelItemSelectingBehavior" OnClientTextChange="RTS.WebControls.RadComboBox.updateDisplayTextAndToolTip"

OnClientDropDownClosing="RTS.WebControls.RadComboBox.updateDisplayTextAndToolTip" OnClientLoad="RTS.WebControls.RadComboBox.updateDisplayTextAndToolTip" />

<telerik:RadComboBox runat="server" SkinID="SelectionOnly" Skin="Vista" MarkFirstMatch="true" AllowCustomText="false"

EnableLoadOnDemand="false" CausesValidation="false" AppendDataBoundItems="true" />

<%-- Telerik RadGrid --%>

<telerik:RadGrid runat="server" Skin="Vista" AllowMultiRowEdit="True"

AllowSorting="True" BorderColor="Black" GridLines="Both" Height="90%">

<ClientSettings>

<Scrolling UseStaticHeaders="True" />

</ClientSettings>

<MasterTableView AutoGenerateColumns="False" CommandItemDisplay="None" CurrentResetPageIndexAction="SetPageIndexToFirst">

<ExpandCollapseColumn CurrentFilterFunction="NoFilter" FilterListOptions="VaryByDataType" Resizable="False" Visible="False" />

<RowIndicatorColumn CurrentFilterFunction="NoFilter" FilterListOptions="VaryByDataType" Visible="False" />

<PagerStyle Mode="NextPrevAndNumeric" NextPageText="Next" PrevPageText="Previous" NextPageImageUrl="~/Images/PagingNext.gif"

PrevPageImageUrl="~/Images/PagingPrev.gif" AlwaysVisible="true" />

<HeaderStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"

Font-Underline="False" Wrap="False" />

<ItemStyle Wrap="false" />

<AlternatingItemStyle Wrap="false" />

</MasterTableView>

</telerik:RadGrid>

<telerik:RadGrid runat="server" SkinID="GridWrapper" ShowHeader="false" BorderStyle="None">

<ExportSettings OpenInNewWindow="true"/>

<MasterTableView AutoGenerateColumns="true" BorderStyle="None">

</MasterTableView>

</telerik:RadGrid>

<telerik:RadGrid runat="server" SkinID="NestedGrid" Skin="Vista" BorderStyle="None">

<ExportSettings ExportOnlyData="true" OpenInNewWindow="true" />

<MasterTableView AutoGenerateColumns="false" CommandItemDisplay="None" CurrentResetPageIndexAction="SetPageIndexToFirst">

<ExpandCollapseColumn CurrentFilterFunction="NoFilter" FilterListOptions="VaryByDataType" Resizable="False" Visible="False" />

<RowIndicatorColumn CurrentFilterFunction="NoFilter" FilterListOptions="VaryByDataType" Visible="False" />

<PagerStyle Mode="NextPrevAndNumeric" NextPageText="Next" PrevPageText="Previous" NextPageImageUrl="~/Images/PagingNext.gif"

PrevPageImageUrl="~/Images/PagingPrev.gif" AlwaysVisible="true" />

<HeaderStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"

Font-Underline="False" Wrap="False" />

<ItemStyle Wrap="false" />

<AlternatingItemStyle Wrap="false" />

</MasterTableView>

</telerik:RadGrid>

<telerik:RadGrid SkinID="Scroll" runat="server" Skin="Vista" AllowSorting="true"

AllowMultiRowSelection="false" AllowMultiRowEdit="false" ShowFooter="true"

GridLines="Both" Height="97%" PageSize="20">

<ClientSettings EnableRowHoverStyle="true">

<Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true" ScrollHeight="100%" />

</ClientSettings>

<MasterTableView AutoGenerateColumns="false" CurrentResetPageIndexAction="SetPageIndexToFirst">

<ExpandCollapseColumn CurrentFilterFunction="NoFilter" FilterListOptions="VaryByDataType" Resizable="False" Visible="False" />

<RowIndicatorColumn CurrentFilterFunction="NoFilter" FilterListOptions="VaryByDataType" Visible="False" />

<PagerStyle Mode="NextPrevAndNumeric" NextPageText="Next" PrevPageText="Previous" AlwaysVisible="true"

PagerTextFormat="Change page: {4} Displaying page {0} of {1}, items {2} to {3} of {5}." />

<HeaderStyle Wrap="true" HorizontalAlign="Center" Font-Bold="true" />

<ItemStyle Wrap="true" HorizontalAlign="Left" />

<AlternatingItemStyle Wrap="true" HorizontalAlign="Left" BackColor="Gainsboro" />

</MasterTableView>

</telerik:RadGrid>

<telerik:RadGrid SkinID="ScrollSelect" runat="server" Skin="Vista" AllowSorting="true"

AllowMultiRowSelection="true" AllowMultiRowEdit="false" ShowFooter="true"

GridLines="Both" Height="97%" PageSize="20">

<ClientSettings EnableRowHoverStyle="true">

<ClientEvents OnRowSelecting="RowSelecting" OnRowDeselecting="RowDeselecting" />

<Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true" ScrollHeight="100%" />

<Selecting AllowRowSelect="True" EnableDragToSelectRows="False" />

</ClientSettings>

<MasterTableView AutoGenerateColumns="false" CurrentResetPageIndexAction="SetPageIndexToFirst">

<ExpandCollapseColumn CurrentFilterFunction="NoFilter" FilterListOptions="VaryByDataType" Resizable="False" Visible="False" />

<RowIndicatorColumn CurrentFilterFunction="NoFilter" FilterListOptions="VaryByDataType" Visible="False" />

<PagerStyle Mode="NextPrevAndNumeric" NextPageText="Next" PrevPageText="Previous" AlwaysVisible="true"

PagerTextFormat="Change page: {4} Displaying page {0} of {1}, items {2} to {3} of {5}." />

<HeaderStyle Wrap="true" HorizontalAlign="Center" Font-Bold="true" />

<ItemStyle Wrap="true" HorizontalAlign="Left" />

<AlternatingItemStyle Wrap="true" HorizontalAlign="Left" BackColor="Gainsboro" />

</MasterTableView>

</telerik:RadGrid>

<telerik:RadGrid SkinID="CenteredWithScroll" runat="server" Skin="Vista" AllowSorting="true"

AllowMultiRowSelection="false" AllowMultiRowEdit="false" ShowFooter="true"

GridLines="Both" Height="97%" style="margin:0 auto;" PageSize="20">

<ClientSettings EnableRowHoverStyle="true">

<Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true" ScrollHeight="100%" />

</ClientSettings>

<MasterTableView AutoGenerateColumns="false" CurrentResetPageIndexAction="SetPageIndexToFirst">

<ExpandCollapseColumn CurrentFilterFunction="NoFilter" FilterListOptions="VaryByDataType" Resizable="False" Visible="False" />

<RowIndicatorColumn CurrentFilterFunction="NoFilter" FilterListOptions="VaryByDataType" Visible="False" />

<PagerStyle Mode="NextPrevAndNumeric" NextPageText="Next" PrevPageText="Previous" AlwaysVisible="true"

PagerTextFormat="Change page: {4} Displaying page {0} of {1}, items {2} to {3} of {5}." />

<HeaderStyle Wrap="true" HorizontalAlign="Center" Font-Bold="true" />

<ItemStyle Wrap="true" HorizontalAlign="Left" />

<AlternatingItemStyle Wrap="true" HorizontalAlign="Left" BackColor="Gainsboro" />

</MasterTableView>

</telerik:RadGrid>

<%-- Telerik RadInput --%>

<telerik:RadNumericTextBox runat="server" Skin="Vista" EmptyMessageStyle-Font-Italic="true" EmptyMessageStyle-ForeColor="gray" />

<telerik:RadTextBox runat="server" Skin="Vista" EmptyMessageStyle-ForeColor="gray" />

<telerik:RadDateInput runat="server" Skin="Vista" DisplayDateFormat="ddd MM/dd/yyyy" InvalidStyleDuration="100" Width="100" SkinID="dateInput" />

<telerik:RadDateInput runat="server" Skin="Vista" DateFormat="HH:mm" InvalidStyleDuration="100" Width="100" SkinID="timeInput" />

<%-- Telerik RadMenu --%>

<telerik:RadMenu runat="server" Skin="WebBlue" />

<%-- Telerik RadPanelBar --%>

<telerik:RadPanelbar runat="server" Skin="Default" />

<%-- Telerik RadNumericTextBox --%>

<telerik:RadNumericTextBox SkinID="Currency" runat="server" Skin="Vista" MinValue="0"

EmptyMessageStyle-Font-Italic="true" EmptyMessageStyle-ForeColor="gray" Type="Currency" />

<telerik:RadNumericTextBox SkinID="Decimal" runat="server" Skin="Vista" MinValue="0"

EmptyMessageStyle-Font-Italic="true" EmptyMessageStyle-ForeColor="gray" Type="Number">

<NumberFormat DecimalDigits="2" GroupSeparator="" AllowRounding="true" />

</telerik:RadNumericTextBox>

<telerik:RadNumericTextBox SkinID="Number" runat="server" Skin="Vista" MinValue="0"

EmptyMessageStyle-Font-Italic="true" EmptyMessageStyle-ForeColor="gray" Type="Number">

<NumberFormat DecimalDigits="0" GroupSeparator="" AllowRounding="true" />

</telerik:RadNumericTextBox>

<telerik:RadNumericTextBox SkinID="Percent" runat="server" Skin="Vista" MinValue="0"

EmptyMessageStyle-Font-Italic="true" EmptyMessageStyle-ForeColor="gray" Type="Percent" />

<telerik:RadNumericTextBox SkinID="ShortNumber" runat="server" MinValue="0" MaxValue="32767" Width="30"

EmptyMessageStyle-Font-Italic="true" EmptyMessageStyle-ForeColor="gray" Type="Number">

<NumberFormat DecimalDigits="0" GroupSeparator="" AllowRounding="true" />

</telerik:RadNumericTextBox>

<%-- Telerik RadSplitter --%>

<telerik:RadSplitter runat="server" Skin="Web20" SkinID="appSplitter" VisibleDuringInit="False" Orientation="Vertical" BorderSize="0" Height="100%" Width="100%" HeightOffset="53" />

<telerik:RadSplitter runat="server" Skin="Web20" SkinID="pageSplitter" VisibleDuringInit="False" Orientation="Horizontal" BorderSize="0" Height="100%" Width="100%" ResizeWithParentPane="False" />

<telerik:RadSplitter runat="server" Skin="Web20" SkinID="popupSplitter" VisibleDuringInit="False" Orientation="Horizontal" BorderSize="0" Height="100%" Width="100%" />

<telerik:RadPane runat="server" SkinID="appSidebarPane" Width="222" Height="100%" BackColor="#B0C4DE" />

<telerik:RadPane runat="server" SkinID="pageHeaderAreaPane" Height="75" Scrolling="None" />

<telerik:RadPane runat="server" SkinID="pageTabAreaPane" Height="40" Scrolling="None" />

<telerik:RadPane runat="server" SkinID="popupHeaderAreaPane" Height="85" Scrolling="None" />

<%-- Telerik RadTabStrip --%>

<telerik:RadTabStrip runat="server" Skin="Web20" />

<%-- Telerik RadToolBar --%>

<telerik:RadToolbar runat="server" Skin="Default" Width="100%" />

<telerik:RadToolBarButton runat="server" Skin="Default" BorderStyle="Ridge" BorderWidth="1" BorderColor="#003399" />

<%-- Telerik RadWindow--%>

<telerik:RadWindowManager runat="server" SkinID="Modal" Skin="WebBlue" InitialBehaviors="None" ShowContentDuringLoad="false"

VisibleStatusbar="false" VisibleTitlebar="false" ReloadOnShow="true" EnableShadow="true" Modal="true"

Behavior="None" DestroyOnClose="true" style="z-index:10000;" />

<telerik:RadWindowManager runat="server" SkinID="ModalMovable" Skin="WebBlue" InitialBehaviors="None" ShowContentDuringLoad="false"

VisibleStatusbar="false" VisibleTitlebar="false" ReloadOnShow="true" EnableShadow="true" Modal="true"

Behavior="Move" DestroyOnClose="true" style="z-index:10000;" />

<telerik:RadToolTip runat="server" Skin="Web20" />



Telerik.css file: 
  
/* Telerik Controls */
  
/* Rad Menu */
div.RadMenu_WebBlue,  
div.RadMenu_WebBlue .rmRootGroup,  
div.RadMenu_WebBlue .rmGroup,  
div.RadMenu_WebBlue a.rmLink 
{ 
       background: #336699; 
} 
  
div.RadMenu_WebBlue .rmRootGroup 
{ 
       border-style: none; 
} 
  
div.RadMenu_WebBlue .rmGroup .rmItem 
{ 
       border-bottom: 1px solid #FFFFFF; 
       border-top: 1px solid #FFFFFF; 
       padding-bottom: 0; 
} 
  
div.RadMenu_WebBlue .rmItem .rmFirst 
{ 
       border-top: none; 
} 
  
div.RadMenu_WebBlue .rmItem .rmLast 
{ 
       border-bottom: none; 
} 
  
div.RadMenu_WebBlue .rmSlide,  
div.RadMenu_WebBlue .rmVertical .rmSlide,  
div.RadMenu_WebBlue .rmSlide .rmSlide,  
div.RadMenu_WebBlue_Context .rmGroup .rmSlide 
{ 
       margin: 0; 
} 
  
div.RadMenu_WebBlue .rmLink,  
div.RadMenu_WebBlue .rmText 
{ 
       color: #FFFFFF; 
       font-weight: bold; 
       font-size: 10pt; 
       font-family: Arial; 
} 
  
div.RadMenu_WebBlue a.rmLink:hover,  
div.RadMenu_WebBlue a.rmLink:hover .rmText, 
div.RadMenu_WebBlue a.rmLink:hover .rmExpandedRight, 
div.RadMenu_WebBlue a.rmFocused,  
div.RadMenu_WebBlue a.rmFocused .rmText,  
div.RadMenu_WebBlue a.rmExpanded,  
div.RadMenu_WebBlue a.rmExpanded .rmText,  
div.RadMenu_WebBlue a.rmExpanded:hover,  
div.RadMenu_WebBlue a.rmExpanded:hover .rmText, 
div.RadMenu_WebBlue a.rmSelected .rmText, 
div.RadMenu_WebBlue .rmGroup a.rmLink:hover .rmExpandRight, 
div.RadMenu_WebBlue .rmGroup a.rmFocused .rmExpandRight, 
div.RadMenu_WebBlue .rmGroup a.rmSelected .rmExpandRight, 
div.RadMenu_WebBlue .rmGroup a.rmExpanded .rmExpandRight 
{ 
       color: #276C9D; 
       background: none; 
       background-color: #FFFFFF; 
} 
  
div.RadMenu_WebBlue a.rmDisabled,  
div.RadMenu_WebBlue a.rmDisabled .rmText, 
div.RadMenu_WebBlue .rmGroup a.rmDisabled, 
div.RadMenu_WebBlue .rmGroup a.rmDisabled:hover .rmText, 
div.RadMenu_WebBlue .rmGroup a.rmDisabled:hover .rmExpandRight 
{ 
       color: #DCDCDC; 
       background-color: #808080; 
} 
  
div.RadMenu_WebBlue .rmHorizontal .rmText 
{ 
       padding: 0 24px; 
} 
  
div.RadMenu_WebBlue .rmGroup .rmText 
{ 
       padding: 0 60px 0 12px; 
} 
  
  
  
  
  
/* Rad TreeView */
.RadTreeView 
{ 
    color: #000000 !important; 
    font: 8pt Arial !important; 
    overflow: hidden !important; 
} 
.RadTreeView .rtUL ul.rtUL 
{ 
    padding-left: 10px; 
} 
.RadTreeView .rtLI 
{ 
    font: 8pt Arial !important; 
} 
.RadTreeView .rtHover .rtIn 
{ 
    color: #FFFFFF !important; 
} 
  
/* Rad Input */
.RadInput_Vista 
{ 
    width: 100%; 
} 
.RadInput_Vista, .RadInput_Vista .riEnabled, .RadInput_Vista .riRead, .RadInput_Vista .riDisabled, .RadInput_Vista .riEmpty, .RadInput_Vista .riFocused, .RadInput_Vista .riNegative, .RadInput_Vista .riHover 
{ 
    font-size: 10pt !important; 
    font-family: Arial !important; 
} 
.RadInput_Vista .riRead, .RadInput_Vista .riDisabled 
{ 
    color: #000000 !important; 
    background: transparent !important; 
    border: solid 0px #aeaeae !important; 
} 
  
/* Rad ComboBox */
.RadComboBox_Vista, .RadComboBox_Vista .rcbInput, .RadComboBoxDropDown_Vista 
{ 
    font-size: 10pt !important; 
    font-family: Arial !important; 
} 
.rcbMoreResults a 
{ 
    display: none !important; 
} 
  
/* Rad Picker */
.RadPicker_Vista table 
{ 
    vertical-align: bottom; 
} 
/*.RadPicker_Vista table, .RadPicker_Vista td{border:0;border-style:none;padding:0;margin:0;} 
.RadPicker_Vista .rcInputCell{padding:0 4px 0 0;}*/
  
/* Rad Toolbar */
.RadToolBar_Default 
{    
    float: right !important;     
    padding: 0 0 0 5px; /* rounded corner radius */
} 
.RadToolBar_Default .rtbWrap 
{ 
    font: 10pt Arial !important; 
} 
  
.RadToolBar_Default .rtbOuter 
{ 
background-position: 100% 0; 
/* padding-top: 5px; */ /* No rounded corners in RTS style. -Ryan Bergeman, 2011-01-11 */ /* rounded corner radius */
} 
  
.RadToolBar_Default .rtbMiddle 
{ 
background-position: 0 100%; 
padding-left: 5px; /* rounded corner radius */
margin-left: -5px; /* - rounded corner radius */
} 
  
.RadToolBar_Default .rtbInner 
{ 
background-position: 100% 100%; 
padding: 0 5px 5px 0; /* rounded corner radius */
margin: 0; 
}  
  
div.RadToolBar .rtbUL  
{ 
width: 100%; 
} 
   
div.SeparatedButtons .rtbItem  
{ 
    float: left; 
}            
  
div.SeparatedButtons .rightAlignedWrapper  
{ 
    float: right !important; 
} 
  
  
  
/* Rad Grid */
.MasterTable_Vista .GridHeader_Vista {border-bottom: none 0px transparent !important;} 
.GridCommandRow_Vista td {background: #B0C4DE !important;border-top: none 0px transparent !important;border-bottom: none 0px transparent !important;border-left: none 0px transparent !important;border-right: none 0px transparent !important;padding-left: 0px !important;} 
.GridHeaderDiv_Vista{background:none transparent !important;} 
.GridHeader_Vista {font-family: Arial !important;font-size: 10pt !important;font-weight: bold !important;} 
.GridRow_AltRow {background-color: #f8f8ff !important;} 
.GridRow_Vista td, .GridAltRow_Vista td {font: 10pt Arial !important;padding: 3px 7px !important;border: 1px solid #fcfcfc #fff #fcfcfc #ededed !important;} 
.GridRow_Vista a, .GridAltRow_Vista a {color: #333 !important;} 
.DetailTable_Vista th {font-family: Arial !important;font-size: 8pt !important;font-weight: bold !important;} 
.SelectedRow_Vista {background: url(Images/selectedBg.gif) 0 repeat-x #FAF0CD !important;} 
  
.RadGrid_Vista .rgHeaderDiv { 
  background:none transparent !important; 
} 
     
.RadGrid .rgPager .rgSEO a img 
{ 
    margin-top:-3px; 
} 
  
  
  
/* Rad Panel Bar */
.RadPanelBar_Default 
{ 
    background: #B0C4DE !important; 
} 
.RadPanelBar_Default ul.rpRootGroup 
{ 
    padding: 0px !important; 
} 
.RadPanelBar_Default .rpRootGroup 
{ 
    border-top: 0px !important; 
    border-right: 0px !important; 
    border-bottom: 0px !important; 
} 
.RadPanelBar_Default .rpRootGroup .rpLink 
{ 
    border-bottom: 1px solid #bfbfbf !important; 
    background: #336699 !important; 
} 
.RadPanelBar_Default .rpRootGroup .rpLink:hover 
{ 
    border-bottom: 1px solid #BFBFBF !important; 
    background: #FFFFFF !important; 
} 
.RadPanelBar_Default .rpRootGroup .rpLink:hover .rpText 
{ 
    color: #336699 !important; 
} 
.RadPanelBar_Default .rpRootGroup .rpText 
{ 
    padding: 5px 3px 5px 12px !important; 
} 
.RadPanelBar_Default .rpText 
{ 
    margin-left: 7px !important; 
    margin-right: 7px !important; 
} 
.RadPanelBar_Default .rpExpandable .rpText 
{ 
    font: bold 10pt Arial !important; 
    background: transparent url(Images/ArrowRight.gif) no-repeat left 9px !important; 
} 
.RadPanelBar_Default .rpExpanded .rpText 
{ 
    background: transparent url(Images/ArrowDown.gif) no-repeat left 9px !important; 
} 
.RadPanelBar_Default .rpGroup 
{ 
    background: #B0C4DE; 
} 
.RadPanelBar_Default .rpGroup .rpExpanded .rpText, .RadPanelBar_Default .rpGroup .rpExpandable .rpText 
{ 
    background-position: left 5px !important; 
} 
.RadPanelBar_Default .rpRootGroup .rpDisabled:hover, .RadPanelBar_Default .rpRootGroup .rpDisabled .text 
{ 
    background: #B0C4DE; 
} 
  
/* Rad Splitter */
.RadSplitter_Web20 .slideHeader 
{ 
    color: #FFFFFF !important; 
    background: #336699 !important; 
} 
.RadSplitter_Web20 .slideTitleContainer 
{ 
    color: #FFFFFF !important; 
    background: #336699 !important; 
} 
.RadSplitter_Web20 .slideTitle 
{ 
    font: bold 10pt Arial !important; 
} 
.RadSplitter_Web20 .slideContent 
{ 
    background: #B0C4DE !important; 
} 
.RadSplitter_Web20 .paneTabContainer 
{ 
    color: #FFFFFF !important; 
    background: #336699 !important; 
} 
.RadSplitter_Web20 .paneTabContainerExpanded 
{ 
    color: #276C9D !important; 
    background: #FFFFFF !important; 
} 
.RadSplitter_Web20 .paneTabContainerDocked 
{ 
    color: #276C9D !important; 
    background: #FFFFFF !important; 
} 
.RadSplitter_Web20 .paneTabText 
{ 
    font: bold 10pt Arial !important; 
} 
  
/* Rad Tabstrip */
.RadTabStrip_Web20 .rtsLevel 
{ 
    background: #B0C4DE !important; 
} 
.RadTabStrip_Web20 .rtsLI .rtsTxt 
{ 
    color: #FFFFFF !important; 
} 
.RadTabStrip_Web20 .rtsLI .rtsSelected .rtsTxt 
{ 
    color: #336699 !important; 
} 
  
/* Rad Window */
.radwindow_Vista 
{ 
    z-index: 9999 !important; 
} 
  
  
/* Rad Tooltip */
  
.RadToolTip_WebBlue.rtLoading 
{      
      background: url('ToolTip/Loading.gif') no-repeat center; 
} 
  
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperTopLeft, 
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperTopRight, 
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperBottomLeft, 
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperBottomRight 
{ 
      background-image: url('ToolTip/ToolTipSprites.gif'); 
      font-size: 5px; 
  
} 
  
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperTopCenter, 
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperBottomCenter 
{ 
      background-image: url('ToolTip/ToolTipSprites.gif') ; 
      font-size: 5px; 
} 
  
   
  
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperLeftMiddle, 
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperRightMiddle 
{ 
      background-image:  url('ToolTip/ToolTipVerticalSprites.gif'); 
      font-size: 5px; 
} 
  
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperContent 
{ 
      background-color: #e4e5f0;     
      color: #333; 
      font-size: 5px; 
} 
  
div.RadToolTip_WebBlue div.rtTitlebar 
{      
      color: #333; 
      font-size: 5px; 
} 
  
div.RadToolTip_WebBlue a.rtCloseButton 
{ 
      background-image: url('ToolTip/ToolTipSprites.gif'); 
}  
  
div.RadToolTip_WebBlue div.rtCallout 
{ 
      background-image: url('ToolTip/Callouts.gif'); 
}



Main.css file:





/* RetailTransactionSystem */

html, body, form

{

height: 100%;

margin: 0px;

padding: 0px;

overflow: hidden;

font: 10pt Arial;

}

/*td {white-space: nowrap;}*/

/* Application Layout */

#adjustScrollHeight

{

height: 100%;

overflow: auto;

}

@media screen

{

#appFooter

{

width: 100%;

position: absolute;

clear: both;

left: 0px;

bottom: 20px;

text-align: center;

}

@media print

{

#appFooter

{

display: none;

}

@media screen

{

#appHeader

{

height: 25px;

text-align: center;

font: bold 16pt arial;

}

@media print

{

#appHeader

{

display: none;

}

@media screen

{

#appMenu

{

height: 26px;

border-bottom: solid 3px #FFFFFF;

background-color: #336699;

}

@media print

{

#appMenu

{

display: none;

}

#appMessageArea

{

height: 30px;

text-align: right;

}

/* ContentPage Layout */

@media screen

{

#pageActionBar

{

height: 32px;

background-color: #B0C4DE;

}

@media print

{

#pageActionBar

{

display: none;

}

@media screen

{

#pageHeader

{

height: 25px;

text-align: center;

font: bold 12pt arial;

margin-bottom: 10px;

}

@media print

{

#pageHeader

{

display: none;

}

.autoScroll

{

overflow: auto;

}

.gridImgBtn

{

list-style-type: none;

padding: 0px;

margin: 0px;

background-color: Transparent;

}

.gridImgBtn li

{

display: inline;

padding-right: 3px;

}

.inclComboButton

{

margin: 15px 0px 5px 10px;

}

.label

{

font-weight: bold;

}

.smallLabel

{

font-weight: bold;

font-size: 8pt;

}

.bigLabel

{

font-weight: bold;

font: bold 12pt;

}

.nowrap

{

white-space: nowrap;

}

.lineBreak

{

height: 10px;

}

.pageError

{

padding-left: 5px;

font-weight: bold;

vertical-align: middle;

}

.pageTabStrip

{

background-color: #b0c4de;

margin-bottom: 15px;

}

.subMenu

{

width: 33%;

float: left;

margin-top: 10px;

}

.subMenu h1

{

font: bold 14pt arial;

margin: 0px 0px 5px 20px;

}

.tableContentPage

{

margin-left: 15px;

margin-bottom: 15px;

border-collapse: collapse;

}

.tableContentPageNoLeftMargin

{

margin-bottom: 15px;

border-collapse: collapse;

}

.tableContentPage td

{

margin: 0px;

padding: 4px 10px;

white-space: nowrap;

}

.tablePCStyle

{

margin: 0px auto 15px auto;

border-collapse: collapse;

}

.tablePCStyle td

{

margin: 0px;

padding: 10px;

white-space: nowrap;

}

.titleReportDateControl

{

margin-left: 15px;

padding-bottom: 10px;

font: bold 10pt arial;

}

/*.content {margin-left:auto;margin-right:auto;border-collapse:collapse;}*/

.content

{

border-collapse: collapse;

width: 100%;

}

/*.content {width:100%; border-collapse:collapse;}*/

.content td

{

padding: 0px 0px 0px 0px;

margin: 0;

}

/* Sidebar Layout */

.panelSidebar

{

width: 222px;

}

.tableSidebar

{

width: 95%;

margin-top: 5px;

color: #000000;

}

.tableSidebar .cellCategory

{

font: bold 8pt arial;

padding: 0px 0px 4px 4px;

}

.tableSidebar .cellInput

{

padding: 0px 0px 4px 0px;

}

.tableSidebar .cellInputHeader

{

font: bold 8pt arial;

text-align: right;

padding: 0px 5px 4px 4px;

}

.tableSidebar .rowBreak

{

height: 15px;

}

/* Pop-up Layout */

#popupActionBar

{

height: 50px;

text-align: right;

}

#popupActionBar input

{

width: 72px;

height: 24px;

font: 10pt arial;

margin: 10px 3px;

}

#popupHeader

{

height: 25px;

text-align: center;

font: bold 12pt arial;

}

#popupFooter

{

width: 100%;

position: absolute;

left: 0px;

bottom: 20px;

text-align: center;

}

#popupFooter a

{

color: #B0C4DE;

font-weight: normal;

text-decoration: underline;

}

#popupFooter a span

{

text-decoration: none;

}

.popup-wrapper {

margin:5px auto;

text-align:center;

}

.popup-wrapper h2 {

font-size: small;

text-decoration: underline;

}

.popup-wrapper table.entry {

border-collapse:collapse;

padding:0;

margin:10px auto;

}

.popup-wrapper table.entry > tbody > tr > td {

padding:5px;

}

.popup-wrapper table.entry .label {

font-weight:bold;

text-align:right;

}

.popup-wrapper table.entry .input {

text-align:left;

}

.popup-wrapper .nav-buttons {

margin:5px;

}

.popup-wrapper .nav-buttons a {

padding:0 10px;

}

.rowBreak

{

height: 30px;

}

.tablePopup

{

margin: 15px;

border-collapse: collapse;

}

.tablePopupPCCopy

{

margin: 15px auto;

border-collapse: collapse;

}

.tablePopup td, .tablePopupPCCopy td

{

margin: 0px;

padding: 4px 10px;

}

/* Collapsible Panel */

.collapsiblePanel {

background:white;

line-height:1.4;

margin:5px 20px 0 240px; /* Large left margin to account for sidebar. */

position:absolute;

right:0;

text-align:right;

z-index:2000;

}

.collapsiblePanel .message-informational,

.collapsiblePanel .message-warning,

.collapsiblePanel .message-error {

font-size:10pt;

font-weight:bold;

}

.collapsiblePanel .message-larger {

font-size:12pt;

}

.collapsiblePanel .message-informational { background-color:inherit; color:Green; }

.collapsiblePanel .message-warning { background-color:inherit; color:Orange; }

.collapsiblePanel .message-error { background-color:inherit; color:Red; }

.collapsiblePanel img.toggler-collapsed,

.collapsiblePanel img.toggler-expanded {

cursor:pointer;

}

.collapsiblePanel img.toggler-collapsed { padding:4px 2px; }

.collapsiblePanel img.toggler-expanded { padding:2px 4px; }

/* Validation Summary */

.validationSummary

{

position: absolute;

top: 125px;

right: 10px;

width: 300px;

}

/* AutoComplete Flyout */

.autoComplete

{

visibility: hidden;

margin: 0px !important;

background-color: #FFFFFF;

border: solid 1px;

overflow: auto;

height: 200px;

text-align: left;

list-style-type: none;

}

.autoCompleteHighlightedItem

{

background-color: #FAF0CD;

color: black;

padding: 1px;

}

.autoCompleteItem

{

background-color: #FFFFFF;

padding: 1px;

white-space: nowrap;

}

/* ASP Controls*/

.aspButton

{

width: 55px;

height: 20px;

font: 10pt arial;

}

.aspMenu

{

font-size: 12pt;

margin-left: 40px;

}

.aspRadioButtonListFlow label

{

padding-right: 6px;

}

.aspTextBox

{

width: 125px;

border: solid 1px;

border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA;

padding: 3px 0 3px 1px;

}

/* Static ContentPage */

#content

{

width: 650px;

margin: 5px;

}

#content .label, #content .input

{

display: block;

float: left;

margin: 4px 0;

}

#content .label

{

width: 100px;

text-align: right;

padding-right: 10px;

padding-top: 4px;

font-weight: bold;

text-align: right;

}

#content br

{

clear: left;

}

/* Rad Date Picker */

#RADDatePicker

{

width: 200px;

}

/* First Column */

.firstColumn

{

float: left;

width: 659px;

}

/* Second Column */

.secondColumn

{

float: right;

width: 350px;

position: relative;

right: 500px;

top: 100px;

}

.validationHighlight

{

background-color: #FFC0CB;

}

.StripWhiteSpace

{

border-collapse: collapse;

empty-cells: hide;

border: 1.5px;

border-spacing: 5px;

}

.ToolText

{position:relative; }

.ToolTextHover

{

display: block;

position: absolute;

border: 1px solid black;

top: 1.3em;

left: 5px;

background-color: #99FFCC;

color: #000000;

text-align: center;

font-weight: bold;

font-size: 14px;

}

.readOnlyReset

{

background-color: #FFFFFF;

}

.pageHeaderLabel

{

font-size: 12pt;

font-weight: bold;

}

.gridtemplateLabel

{

text-align: right;

}

div.RadGridCustomClass .rgHeader,

div.RadGridCustomClass th.rgResizeCol,

div.RadGridCustomClass .rgRow td,

div.RadGridCustomClass .rgAltRow td,

div.RadGridCustomClass .rgFooter td

{

border-left:1px solid #828282 !important;

border-right:1px solid #828282 !important;

border-top:1px solid #828282 !important;

border-bottom:1px solid #828282 !important;

}

span.rightJustifiedLabel {

display:block;

margin-left:1em;

margin-right:1em;

text-align:right;

}

.compressed-form-height p {

margin-top:0;

margin-bottom:.5em;

}

.column-one-of-two {

/* It would be better to use display:inline-block here instead of float, but IE7

doesn't recognize inline-block on elements that aren't naturally display:inline. */

float:left;

}

.column-one-of-two,

.column-two-of-two {

width:50%;

}

/* Table Layouts */

table.labels-horizontal,

table.labels-vertical {

border-collapse:collapse;

margin-top:10px;

margin-bottom:10px;

}

table.labels-horizontal > tbody > tr > td,

table.labels-horizontal > thead > tr > th,

table.labels-vertical > thead > tr > th,

table.labels-vertical > tbody > tr > td {

padding:5px;

white-space:nowrap;

}

table.labels-horizontal td.column-separator,

table.labels-vertical td.column-separator {

padding-left:20px;

}

table.labels-horizontal > thead > tr > th {

background-color: #999999;

font-weight: bold;

}

table.labels-horizontal > tbody > tr > td

{

text-align:center;

}

table.labels-vertical > tbody > tr > td:first-child,

table.labels-vertical > tbody > tr > td.label {

text-align:right;

font-weight:bold;

}

table.centered {

margin-left:auto;

margin-right:auto;

}

table.centered > thead > tr > th,

table.centered > tbody > tr > td

{

text-align:center;

}

table.borders,

table.borders > thead > tr > th,

table.borders > tbody > tr > td,

table.border-outer,

table.border-inner > thead > tr > th,

table.border-inner > tbody > tr > td {

border:1px solid #000000;

}

table.side-bar > tbody > tr > td:first-child {

font-size:8pt;

}

table.side-bar > tbody > tr > td {

padding:1px 3px;

}

.force-borderless {

border:none !important;

}

We narrowed down the issue.

I installed VS 2010 and upgraded the project to use .Net Framework 4.0. Everything works fine. No issues.

Again I recompiled the project in VS 2010\ .Net Framework 3.5. Issue appears.

So it is as some issue with Windows 7 64 Bit\.Net Framework 3.5\ (Note on Windows XP machine it works fine.)

I am attaching Bontonstandard files as code snippet...for your review...
3 files:
Global.skin
Main.css
Telerik.css

Thanks

answered on 07 Feb 2012, 09:16 AM

Hi Mani,

I used the provided code in a sample .NET 3.5 web application, but I was not able to reproduce the issue. You say that you are not experiencing problems in .NET 4.0. Could you confirm, which version of Telerik.Web.UI are you using 2011.3 1305.35 or 2011.3 1305.40? The first one is for .NET 3.5 and the second one is for .NET 4.0. I also used the .NET 3.5 version of AxajControlsToolkit package in my test.

I suggest you is to open an official support ticket and provide us with a simple sample project, where we can actually see the problem. Also try to isolate exactly which control is causing it. You can do this by removing parts from the skin file until the error stops occurring.

Kind regards,
Stanimir
the Telerik team