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

RADMenu doesn't see style sheet for IE8

12 Answers 164 Views

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

12 Answers, 1 is accepted

answered on 26 Nov 2010, 12:00 PM

screengrab.jpg

Hi,

I'm using Telerik controls for ASP.NET AJAX Q1 2008, the problem i'm facing is RadMenu Renders as a bulleted list instead of the applied style (which is Office2007) in both IE8 and Google Chrome (it works fine in IE7) below is the code snippet.

<table cellpadding="0" cellspacing="0" width="100%" >

<tr>

<td valign="top" style="background: #bfdbff; height:26px; width:100%;">

<telerik:RadMenu ID="RadMenu1" runat="server" CssClass="RadMenu RadMenu_Office2007"

EnableEmbeddedSkins="False" EnableEmbeddedBaseStylesheet="False">

<DefaultGroupSettings ExpandDirection="Right" Flow="Vertical" />

<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>

<Items>

<telerik:RadMenuItem runat="server" Text="Home">

<Items>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" IsSeparator="True">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Root RadMenuItem2">

<Items>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" IsSeparator="True">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Root RadMenuItem3">

<Items>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" IsSeparator="True">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Root RadMenuItem4">

<Items>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" IsSeparator="True">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Root RadMenuItem5">

<Items>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</td>

</tr>

</table>

As you can see I have disabled the use of embedded style sheets ( both base and skin files) but i have copied and registered these files from the telerik folder to my project folder, i basically did this because the embedded styles also did not work.
I have used a Rad Grid on the same page which also did not applied the embedded styles, but when manually copied and registered the style sheet into my project it started working.

I do not understand why stylesheets would work for 1 control and not the other.

Any Ideas ??

answered on 26 Nov 2010, 01:33 PM

Amit,

When styles work for one browser version and not another, it has typically been a syntax error in the style sheet. With the embedded turned off and the explicit styles defined for background, the resulting screenshot makes sense.

Can you verify that you have a reference to an external style sheet file that has styles for RADMenu (ex. View Source in the Browser)?
As a test, strip out all of your RADMenu styles and just put one simple style in (ex. color:red) to proove that you have control of the style in all browser versions for that page. Then add your original styles back until it breaks or you are fully defined.

You can see our RADMenu style sheet at: http://www.automatedresults.com/app_themes/artheme/radmenu.css

Hopefully this will help

Rich Winslow
Automated Results Computer Consulting

answered on 26 Nov 2010, 03:54 PM

Rich,

Thanks for your quick reply, I have done the basic (color:red) tests on the css.. interestingly the basic test works but when i try and put in the menu.css and menu.office2007.css (which are the files supplied with RadControls and I have used them as is) the browser doesn't pick up any styles whatsoever .. this happens in both IE 8 and Google chrome. (I forgot to mention this earlier), but if I force IE 8 to run in compatibility mode everything works fine (atleast for IE) . I have verified that the browsers do load all the css files. (4 in total).
I have also tried to change the css of the loaded page using the developer toolbar in IE 8 to no effect.
I'm using Windows 7 with IIS 7 installed ( if that makes any difference !!)

I Pasting the Source of the generated page below:

<!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 id="ctl00_Head1"><title>

Sleepwell World POS

</title><link rel="stylesheet" type="text/css" title="default styles" href="css/SleepwellWorld.css" /><link rel="stylesheet" type="text/css" title="default styles" href="css/Grid.Default.css" /><link rel="Stylesheet" type="text/css" title="menu styles" href="css/Menu.Office2007.css" /><link rel="Stylesheet" type="text/css" title="menu styles" href="css/Menu.css" /></head>

<body>

<div id="all-content">

<table cellpadding="0" cellspacing="0" style="padding-bottom: 5px; border-bottom: solid 5px navy; width:100%">

<tr>

<td align = "left" style="background-color: White; width:35%">

<img src="~/../images/Logo.jpg" alt="Mehta Sales Logo" />

</td>

<td align="center" style="text-align:center; width:30%">

<h1 style="text-align:center">Sleepwell World POS</h1>

</td>

<td align="right" style="width:40%">

<img src="~/../images/SleepwellLogo.jpg" alt="Sleepwell World Logo"/>

</td>

</tr>

</table>

<form name="aspnetForm" method="post" action="ItemDetails.aspx" id="aspnetForm">

<div>

<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />

<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />

<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />

<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value=

"/wEPDwULLTE1OTExMzg4ODkPZBYCZg9kFgQCBg9kFgQCAw8UKwACFCsAAg8WAh4XRW5hYmxlQWpheFNraW5SZW5kZXJpbmdoZBAWCWYCAQICAgMCBAIFAgYCBwIIFgkUKwACZBAWA2YCAQICFgMUKwACZGQUKwACZGQUKwACZGQPFgNmZmYWAQVzVGVsZXJpay5XZWIuVUkuUmFkTWVudUl0ZW0sIFRlbGVyaWsuV2ViLlVJLCBWZXJzaW9uPTIwMDguMS40MTUuMzUsIEN1bHR1cmU9bmV1dHJhbCwgUHVibGljS2V5VG9rZW49MTIxZmFlNzgxNjViYTNkNBQrAAJkZBQrAAJkEBYDZgIBAgIWAxQrAAJkZBQrAAJkZBQrAAJkZA8WA2ZmZhYBBXNUZWxlcmlrLldlYi5VSS5SYWRNZW51SXRlbSwgVGVsZXJpay5XZWIuVUksIFZlcnNpb249MjAwOC4xLjQxNS4zNSwgQ3VsdHVyZT1uZXV0cmFsLCBQdWJsaWNLZXlUb2tlbj0xMjFmYWU3ODE2NWJhM2Q0FCsAAmRkFCsAAmQQFgNmAgECAhYDFCsAAmRkFCsAAmRkFCsAAmRkDxYDZmZmFgEFc1RlbGVyaWsuV2ViLlVJLlJhZE1lbnVJdGVtLCBUZWxlcmlrLldlYi5VSSwgVmVyc2lvbj0yMDA4LjEuNDE1LjM1LCBDdWx0dXJlPW5ldXRyYWwsIFB1YmxpY0tleVRva2VuPTEyMWZhZTc4MTY1YmEzZDQUKwACZGQUKwACZBAWA2YCAQICFgMUKwACZGQUKwACZGQUKwACZGQPFgNmZmYWAQVzVGVsZXJpay5XZWIuVUkuUmFkTWVudUl0ZW0sIFRlbGVyaWsuV2ViLlVJLCBWZXJzaW9uPTIwMDguMS40MTUuMzUsIEN1bHR1cmU9bmV1dHJhbCwgUHVibGljS2V5VG9rZW49MTIxZmFlNzgxNjViYTNkNBQrAAJkZBQrAAJkEBYCZgIBFgIUKwACZGQUKwACZGQPFgJmZhYBBXNUZWxlcmlrLldlYi5VSS5SYWRNZW51SXRlbSwgVGVsZXJpay5XZWIuVUksIFZlcnNpb249MjAwOC4xLjQxNS4zNSwgQ3VsdHVyZT1uZXV0cmFsLCBQdWJsaWNLZXlUb2tlbj0xMjFmYWU3ODE2NWJhM2Q0DxYJZmZmZmZmZmZmFgEFc1RlbGVyaWsuV2ViLlVJLlJhZE1lbnVJdGVtLCBUZWxlcmlrLldlYi5VSSwgVmVyc2lvbj0yMDA4LjEuNDE1LjM1LCBDdWx0dXJlPW5ldXRyYWwsIFB1YmxpY0tleVRva2VuPTEyMWZhZTc4MTY1YmEzZDRkZAIFD2QWAgIBD2QWCgIDDxAPFgYeDURhdGFUZXh0RmllbGQFBE5BTUUeDkRhdGFWYWx1ZUZpZWxkBQ1DQVRFR09SWV9DT0RFHgtfIURhdGFCb3VuZGdkEBUJEFBsZWFzZSBTZWxlY3QuLi4SU3ByaW5nIEZyZXNoIFJhbmdlDVByZW1pdW0gUmFuZ2UPRmxleGktUHVmIFJhbmdlEEZsZXhpLUNvaXIgUmFuZ2USQmFjayBTdXBwb3J0IFJhbmdlDFBpbGxvdyBSYW5nZRRIb21lIEZ1cm5pdHVyZSBSYW5nZRhGdXJuaXR1cmUgU2hlZXQgQ3VzaGlvbnMVCQItMQExATIBMwE0ATUBNgE3ATgUKwMJZ2dnZ2dnZ2dnFgFmZAITDxAPFgYfAQUEU0laRR8CBQlTSVpFX0NPREUfA2dkEBUKEFBsZWFzZSBTZWxlY3QuLi4LNzIgeCAzMCB4IDQLNzIgeCAzMCB4IDULNzIgeCAzMCB4IDYLNzIgeCAzNSB4IDQLNzIgeCAzNSB4IDULNzIgeCAzNSB4IDYLNzIgeCAzNiB4IDQLNzIgeCAzNiB4IDULNzIgeCAzNiB4IDYVCgItMQExATIBMwE0ATUBNgE3ATgBORQrAwpnZ2dnZ2dnZ2dnZGQCFw8QDxYGHwEFC1ZBVF9QRVJDRU5UHwIFCFZBVF9DT0RFHwNnZBAVAxBQbGVhc2UgU2VsZWN0Li4uBDEzLjUDNC41FQMCLTEBMQEyFCsDA2dnZ2RkAiUPPCsADQIAFCsAAg8WCB4LXyFJdGVtQ291bnQCAR8DZx8AaB4LRWRpdEluZGV4ZXMWAGQXAQUPU2VsZWN0ZWRJbmRleGVzFgABFgIWCmQUKwACPCsABQEAFgweCkhlYWRlclRleHQFDklURU1fTkFNRV9DT0RFHglEYXRhRmllbGQFDklURU1fTkFNRV9DT0RFHgNfc2UFDklURU1fTkFNRV9DT0RFHghSZWFkT25seWgeCERhdGFUeXBlGSsBHgRvaW5kAgI8KwAFAQAWDB8GBQROQU1FHwcFBE5BTUUfCAUETkFNRR8JaB8KGSsCHwsCA2UUKwAACyl5VGVsZXJpay5XZWIuVUkuR3JpZENoaWxkTG9hZE1vZGUsIFRlbGVyaWsuV2ViLlVJLCBWZXJzaW9uPTIwMDguMS40MTUuMzUsIEN1bHR1cmU9bmV1dHJhbCwgUHVibGljS2V5VG9rZW49MTIxZmFlNzgxNjViYTNkNAE8KwAHAAspdFRlbGVyaWsuV2ViLlVJLkdyaWRFZGl0TW9kZSwgVGVsZXJpay5XZWIuVUksIFZlcnNpb249MjAwOC4xLjQxNS4zNSwgQ3VsdHVyZT1uZXV0cmFsLCBQdWJsaWNLZXlUb2tlbj0xMjFmYWU3ODE2NWJhM2Q0ARYCHgRfZWZzZGQWDh8EAgoeBF92aWMCKx4EX2Fjc2ceBV8hQ0lTFwAeEUFsbG93Q3VzdG9tUGFnaW5nZx8DZx4IRGF0YUtleXMWAGYWBGYPFCsAA2RkZGQCAQ8WBBQrAAIPFg4fBAIKHw0CKx8OZx8PFwAfEGcfA2cfERYAZBcEBRBDdXJyZW50UGFnZUluZGV4ZgUGXyFEU0lDAisFC18hSXRlbUNvdW50AgoFCF8hUENvdW50AgUWAh8IFgIeAl9jZmQWABYCZg9kFixmD2QWBGYPDxYCHgdWaXNpYmxlaGQWAmYPDxYCHgpDb2x1bW5TcGFuAgJkZAIBD2QWBGYPDxYEHgRUZXh0BQYmbmJzcDsfE2hkZAIBDw8WBB8VBQYmbmJzcDsfE2hkZAIBD2QWBmYPDxYCHxNoZBYIZg8PFgIfFQUGJm5ic3A7ZGQCAQ8PFgIfFQUGJm5ic3A7ZGQCAg8PFgIfFQUGJm5ic3A7ZGQCAw8PFgIfFQUGJm5ic3A7ZGQCAQ9kFgJmDw8WAh8UAgJkZAICDw8WAh8TaGQWAmYPDxYIHxQCAh4NVmVydGljYWxBbGlnbgsqJ1N5c3RlbS5XZWIuVUkuV2ViQ29udHJvbHMuVmVydGljYWxBbGlnbgEeD0hvcml6b250YWxBbGlnbgsqKVN5c3RlbS5XZWIuVUkuV2ViQ29udHJvbHMuSG9yaXpvbnRhbEFsaWduAR4EXyFTQgKAgAxkZAICDw8WAh4EX2lpaAUBMGQWCGYPDxYCHxNoZGQCAQ8PFgQfFQUGJm5ic3A7HxNoZGQCAg8PFgIfFQUBMWRkAgMPDxYCHxUFBkRMaWdodGRkAgMPZBYCZg8PFgIfE2hkZAIEDw8WAh8ZBQExZBYIZg8PFgIfE2hkZAIBDw8WBB8VBQYmbmJzcDsfE2hkZAICDw8WAh8VBQEyZGQCAw8PFgIfFQUIVHJhbnF1aWxkZAIFD2QWAmYPDxYCHxNoZGQCBg8PFgIfGQUBMmQWCGYPDxYCHxNoZGQCAQ8PFgQfFQUGJm5ic3A7HxNoZGQCAg8PFgIfFQUBM2RkAgMPDxYCHxUFD1RyYW5xdWlsIFJveWFsZWRkAgcPZBYCZg8PFgIfE2hkZAIIDw8WAh8ZBQEzZBYIZg8PFgIfE2hkZAIBDw8WBB8VBQYmbmJzcDsfE2hkZAICDw8WAh8VBQE0ZGQCAw8PFgIfFQUHSGFybW9ueWRkAgkPZBYCZg8PFgIfE2hkZAIKDw8WAh8ZBQE0ZBYIZg8PFgIfE2hkZAIBDw8WBB8VBQYmbmJzcDsfE2hkZAICDw8WAh8VBQE1ZGQCAw8PFgIfFQUOSGFybW9ueSBSb3lhbGVkZAILD2QWAmYPDxYCHxNoZGQCDA8PFgIfGQUBNWQWCGYPDxYCHxNoZGQCAQ8PFgQfFQUGJm5ic3A7HxNoZGQCAg8PFgIfFQUBNmRkAgMPDxYCHxUFCFNlcmVuaXR5ZGQCDQ9kFgJmDw8WAh8TaGRkAg4PDxYCHxkFATZkFghmDw8WAh8TaGRkAgEPDxYEHxUFBiZuYnNwOx8TaGRkAgIPDxYCHxUFATdkZAIDDw8WAh8VBQVCbGlzc2RkAg8PZBYCZg8PFgIfE2hkZAIQDw8WAh8ZBQE3ZBYIZg8PFgIfE2hkZAIBDw8WBB8VBQYmbmJzcDsfE2hkZAICDw8WAh8VBQE4ZGQCAw8PFgIfFQULSW1wcmVzc2lvbnNkZAIRD2QWAmYPDxYCHxNoZGQCEg8PFgIfGQUBOGQWCGYPDxYCHxNoZGQCAQ8PFgQfFQUGJm5ic3A7HxNoZGQCAg8PFgIfFQUBOWRkAgMPDxYCHxUFCkxhdGV4IFBsdXNkZAITD2QWAmYPDxYCHxNoZGQCFA8PFgIfGQUBOWQWCGYPDxYCHxNoZGQCAQ8PFgQfFQUGJm5ic3A7HxNoZGQCAg8PFgIfFQUCMTBkZAIDDw8WAh8VBQtEdWV0IEx1eHVyeWRkAhUPZBYCZg8PFgIfE2hkZAInDw9kPCsABgBkAggPZBYEAgEPDxYCHxUFBnYxLjAuMGRkAgMPDxYCHxUFEU5vdmVtYmVyIDExLCAyMDEwZGQYAQUeX19Db250cm9sc1JlcXVpcmVQb3N0QmFja0tleV9fFgIFDmN0bDAwJFJhZE1lbnUxBSJjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJFJhZEdyaWQxDBT6gBlzRcAvtwmannbbr0VJC9c="

/>

</div>

<script type="text/javascript">

//<![CDATA[

var theForm = document.forms['aspnetForm'];

if (!theForm) {

theForm = document.aspnetForm;

}

function __doPostBack(eventTarget, eventArgument) {

if (!theForm.onsubmit || (theForm.onsubmit() != false)) {

theForm.__EVENTTARGET.value = eventTarget;

theForm.__EVENTARGUMENT.value = eventArgument;

theForm.submit();

}

//]]>

</script>

<script src=

"/SleepwellPOS/WebResource.axd?d=o0YyG6vr4030a5xrRxSAaeccCmbD-1L_2yVC-9uIUdBv7zGq0bKoQXsERUPfX85FeT8w3j5iUpFFG8MC7ypNgZ64xsQ1&t=634208976757546466"

type="text/javascript"></script>

<script src=

"/SleepwellPOS/ScriptResource.axd?d=ZKJpDFaQk_xAhblf7CnuMwmRyNAkyNIZAAMhPaMXsVxjH6icC1EzBry4Qka_rxtaGR5IAC58wzt7I8gh-S8x5vcrtfkl146mTXgNWFIeDxHmCEYadfvpg-McRW-Gk2paEeRyIuYaopoN0h3sx-YVabnAwDA9W4WFFKq60n76MJ1JCXno0&t=5c2f384e"

type="text/javascript"></script>

<script type="text/javascript">

//<![CDATA[

if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');

//]]>

</script>

<script src=

"/SleepwellPOS/ScriptResource.axd?d=XTVUxJVY6GXlc_vUMgyCy2IjEB7VR6hzWO84vLJDwchQcCxmtoYi7xXapZg1LiltsjYyAnHn0CXPMmEpBYq29hX6DajAQ2e4_xKY52Yg4XWhpszHQR4bEsVobIIADbP74vffeYa2amkWbBX2YPbXrc9ohWHlb-pVI2Wb_Nw9ThpYeRja0&t=5c2f384e"

type="text/javascript"></script>

<script src=

"/SleepwellPOS/ScriptResource.axd?d=WYMRtIhKcOk3uf3gFGsLWGgKmm62tr7xr3ZU74A6eJc6ZKuLrIsbDEWRsof6yEJVlsEp-hdCdI8oplXev4Vn5xVuPuoilc5ygbX6YP2qF8_rOUVoLicgWqM1M55Azl9gVLjNvg2&t=ffffffffeeacd4e0"

type="text/javascript"></script>

<script src=

"/SleepwellPOS/ScriptResource.axd?d=WX-LD1jX9ehyMpePmMzXsmaiWy5sohHYoML9K_XEOxdkkKXkjtMSvDg7tcKsgWVdqtBNlbKwudDnft8gRhXf_9tobHoFMIXXxhZN2mD_egTtjPauooD_ao1gR4i2NUeSGBM-XoriRRzyOIQcVofAcTc4aaI1&t=ffffffffeeacd4e0"

type="text/javascript"></script>

<script src=

"/SleepwellPOS/ScriptResource.axd?d=hyiIrHlNyt5r_hKlB6WFJX3Ug1BEACc81JvgHPn4L-62_zzOsls5vRv8PV-8jFcApI4ARcke7Kr2qEGf6_O8NdpVKK5C0KV5v9N10_Ssb2vy1x3ATXP7eRC1i-9cFjEiM-uYgfznIXnR-0DblfbATFJpdHo1&t=ffffffffeeacd4e0"

type="text/javascript"></script>

<script src=

"/SleepwellPOS/ScriptResource.axd?d=MmyG18BFDzQTdpoKshdOCdpy7Yb02HNIIwcKyJp2nXVQD6HHj2VmvMICbpweB140D7pGy37YMRgkM18RI16HVouSbfnM4twdgXRjbNfjvPQIs1Qo3IHWgcvm_QY6W4b8tPbvNIM0snoVg7SzJp9XScQ3jUQ1&t=ffffffffeeacd4e0"

type="text/javascript"></script>

<script src=

"/SleepwellPOS/ScriptResource.axd?d=_URzI3CevCrRs0JeYxUtZoxGAjKtiX20i9-sMQpERiCQN0YefTiczyglce3QLca7NF67hCNd_eETQ0bKdfthiflRmaJf7GJ9Nlp66adF4bi3-7WKBx2pNwtn2F3NrClr9o838w2&t=ffffffffeeacd4e0"

type="text/javascript"></script>

<script src=

"/SleepwellPOS/ScriptResource.axd?d=W8f70w8aGovqKKOL32ZcdJ-egtp06FSEzxqHdsytOAdxbA1DzNohaV1O3i6ienJ7vIsrZvg_f_wBSKHWsK6uzf3oaUo39ubBvVwabkLBxVRX05eog1CtlQlO1frcP4YT3KHZ9g2&t=ffffffffeeacd4e0"

type="text/javascript"></script>

<div>

<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value=

"/wEWJAL7jaG/CQKIpvCSAgKLyZb/DgKHydr8DgKGydr8DgKFydr8DgKEydr8DgKDydr8DgKCydr8DgKBydr8DgKQydr8DgKF1LfLDwLsi5uuDgLl9qOIAwKUwrz2BQKXrdqbCQKbrZaYCQKarZaYCQKZrZaYCQKYrZaYCQKfrZaYCQKerZaYCQKdrZaYCQKMrZaYCQKDrZaYCQK26vL2CgK1hZSbBgK5hdiYBgK4hdiYBgKsvZ3WCwKPu7KyBAL7+ar2AQKQ7JaVCAKQ7JqVCAKN7KKwDAKN7KqwDFF7WVxOG5nsabuIaln1mDF1TSN8"

/>

</div>

<script type="text/javascript">

//<![CDATA[

Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager1', document.getElementById('aspnetForm'));

Sys.WebForms.PageRequestManager.getInstance()._updateControls([], [], [], 90);

//]]>

</script>

<table cellpadding="0" cellspacing="0" width="100%" >

<tr>

<td valign="top" style="background: #bfdbff; height:26px; width:100%;">

<div id="ctl00_RadMenu1" class="RadMenu RadMenu_Default RadMenu RadMenu_Office2007">

<ul class="rmHorizontal rmRootGroup">

<li class="rmItem rmFirst"><a href="#" class="rmLink "><span class="rmText">Home</span></a><div class="rmSlide">

<ul class="rmVertical rmGroup rmLevel1">

<li class="rmItem rmFirst"><a href="#" class="rmLink "><span class="rmText">Child RadMenuItem 1</span></a></li><li class="rmItem"><a href="#" class="rmLink "><span class="rmText">Child RadMenuItem 2</span></a></li><li class="rmItem rmLast"><a href="#" class="rmLink "><span class="rmText">Child RadMenuItem 3</span></a></li>

</ul>

</div></li><li class="rmItem rmSeparator "><span class="rmText"></span></li><li class="rmItem"><a href="#" class="rmLink "><span class="rmText">Root RadMenuItem2</span></a><div class="rmSlide">

<ul class="rmVertical rmGroup rmLevel1">

</ul>

<ul class="rmVertical rmGroup rmLevel1">

</ul>

<ul class="rmVertical rmGroup rmLevel1">

</ul>

</div></li><li class="rmItem rmSeparator "><span class="rmText"></span></li><li class="rmItem rmLast"><a href="#" class="rmLink "><span class="rmText">Root RadMenuItem5</span></a><div class="rmSlide">

<ul class="rmVertical rmGroup rmLevel1">

<li class="rmItem rmFirst"><a href="#" class="rmLink "><span class="rmText">Child RadMenuItem 1</span></a></li><li class="rmItem rmLast"><a href="#" class="rmLink "><span class="rmText">Child RadMenuItem 2</span></a></li>

</ul>

</div></li>

</ul><input id="ctl00_RadMenu1_ClientState" name="ctl00_RadMenu1_ClientState" type="hidden" />

</div>

</td>

</tr>

</table>

<div id="content-inner">

<table cellpadding="0" cellspacing="0" width="100%" >

<tr>

<td style="height:5%; width:100%;"></td>

</tr>

<tr>

<td valign="top" style="height: 90%; width:100%;">

<div class="twoRowHeader">

<h1>Item Details</h1>

</div>

<div id="ctl00_ContentPlaceHolder1_Panel_ItemDetails">

<div>

<table class="editFieldsTable" cellspacing="0"

cellpadding="0" >

<tr>

<td class="col1">

<label for="ctl00_ContentPlaceHolder1_ddlCategory" id="ctl00_ContentPlaceHolder1_Label_Category">Category:</label>

</td>

<td class="col2">

<select name="ctl00$ContentPlaceHolder1$ddlCategory" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$ddlCategory\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_ddlCategory" class="aspDropDownList">

<option selected="selected" value="-1">Please Select...</option>

<option value="1">Spring Fresh Range</option>

<option value="2">Premium Range</option>

<option value="3">Flexi-Puf Range</option>

<option value="4">Flexi-Coir Range</option>

<option value="5">Back Support Range</option>

<option value="6">Pillow Range</option>

<option value="7">Home Furniture Range</option>

<option value="8">Furniture Sheet Cushions</option>

</select>

</td>

<td class="col3">

<div>

<label for="ctl00_ContentPlaceHolder1_ddlPurchDate" id="ctl00_ContentPlaceHolder1_Label_PurchDate">Purchase Order Date:</label>

</div>

</td>

<td class="col4">

<select name="ctl00$ContentPlaceHolder1$ddlPurchDate" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$ddlPurchDate\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_ddlPurchDate" class="aspDropDownList">

</select>

</td>

</tr>

<tr>

<td class="col1">

<div>

<label for="ctl00_ContentPlaceHolder1_ddlName" id="ctl00_ContentPlaceHolder1_Label_Name">Name:</label>

</div>

</td>

<td class="col2">

<select name="ctl00$ContentPlaceHolder1$ddlName" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$ddlName\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_ddlName" class="aspDropDownList">

</select>

</td>

<td class="col3">

<div >

<label for="ctl00_ContentPlaceHolder1_Textbox_Rate" id="ctl00_ContentPlaceHolder1_Label_Rate">Rate:</label>

</div>

</td>

<td class="col4">

<input name="ctl00$ContentPlaceHolder1$Textbox_Rate" type="text" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$Textbox_Rate\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" id="ctl00_ContentPlaceHolder1_Textbox_Rate" class="aspTextBox" />

</td>

</tr>

<tr>

<td class="col1">

<div>

<label for="ctl00_ContentPlaceHolder1_ddlSize" id="ctl00_ContentPlaceHolder1_Label_Size">Size:</label>

</div>

</td>

<td class="col2">

<select name="ctl00$ContentPlaceHolder1$ddlSize" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$ddlSize\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_ddlSize" class="aspDropDownList">

<option selected="selected" value="-1">Please Select...</option>

<option value="1">72 x 30 x 4</option>

<option value="2">72 x 30 x 5</option>

<option value="3">72 x 30 x 6</option>

<option value="4">72 x 35 x 4</option>

<option value="5">72 x 35 x 5</option>

<option value="6">72 x 35 x 6</option>

<option value="7">72 x 36 x 4</option>

<option value="8">72 x 36 x 5</option>

<option value="9">72 x 36 x 6</option>

</select>

</td>

<td class="col3">

<div>

<label for="ctl00_ContentPlaceHolder1_ddlVAT" id="ctl00_ContentPlaceHolder1_Label_VAT">VAT:</label>

</div>

</td>

<td class="col4">

<select name="ctl00$ContentPlaceHolder1$ddlVAT" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$ddlVAT\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_ddlVAT" class="aspDropDownList">

<option selected="selected" value="-1">Please Select...</option>

<option value="1">13.5</option>

<option value="2">4.5</option>

</select>

</td>

</tr>

<tr>

<td class="col1">

<span id="ctl00_ContentPlaceHolder1_Label_MRP">Max. Reatil Price:</span>

</td>

<td class="col2">

<input name="ctl00$ContentPlaceHolder1$Textbox_MRP" type="text" maxlength="50" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$Textbox_MRP\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" id="ctl00_ContentPlaceHolder1_Textbox_MRP" class="aspTextBox" />

</td>

<td class="col3">

<span id="ctl00_ContentPlaceHolder1_Label_Qty">Quantity:</span>

</td>

<td class="col4">

<input name="ctl00$ContentPlaceHolder1$Textbox_Qty" type="text" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$Textbox_Qty\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" id="ctl00_ContentPlaceHolder1_Textbox_Qty" class="aspTextBox" />

</td>

</tr>

<tr>

<td class="col1">

<span id="ctl00_ContentPlaceHolder1_Label_DP">Dealer Price:</span>

</td>

<td class="col2">

<input name="ctl00$ContentPlaceHolder1$Textbox_DP" type="text" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$Textbox_DP\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" id="ctl00_ContentPlaceHolder1_Textbox_DP" class="aspTextBox" />

</td>

<td class="col3">

</td>

<td class="col4">

</td>

</tr>

<tr>

<td colspan="4">

<div id="ctl00_ContentPlaceHolder1_RadGrid1" class="RadGrid_Default">

<table class="MasterTable_Default" cellspacing="0" border="0" id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00" style="width:100%;border-collapse:collapse;table-layout:auto;empty-cells:show;">

<colgroup>

<col />

</colgroup>

<thead>

<tr>

<th scope="col" class="GridHeader_Default"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$RadGrid1$ctl00$ctl02$ctl01$ctl00','')">ITEM_NAME_CODE</a></th><th scope="col" class="GridHeader_Default"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$RadGrid1$ctl00$ctl02$ctl01$ctl01','')">NAME</a></th>

</tr>

</thead><tfoot>

<tr class="GridPager_Default">

<td colspan="2"><div class="PagerLeft_Default">

Change page: <span><input type="submit" name="ctl00$ContentPlaceHolder1$RadGrid1$ctl00$ctl03$ctl01$ctl02" value="" onclick="return false;" title="Previous Page" class="rgPagePrev" /></span> <span><input type="submit" name="ctl00$ContentPlaceHolder1$RadGrid1$ctl00$ctl03$ctl01$ctl04" value="" title="Next Page" class="rgPageNext" /></span>

</div><div class="PagerRight_Default">

Displaying page 1 of 5, items 1 to 10 of 43.

</div></td>

</tr>

</tfoot><tbody>

<tr class="GridRow_Default" id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00__0">

<td>1</td><td>DLight</td>

</tr><tr class="GridAltRow_Default" id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00__1">

<td>2</td><td>Tranquil</td>

</tr><tr class="GridRow_Default" id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00__2">

<td>3</td><td>Tranquil Royale</td>

</tr><tr class="GridAltRow_Default" id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00__3">

<td>4</td><td>Harmony</td>

</tr><tr class="GridRow_Default" id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00__4">

<td>5</td><td>Harmony Royale</td>

</tr><tr class="GridAltRow_Default" id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00__5">

<td>6</td><td>Serenity</td>

</tr><tr class="GridRow_Default" id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00__6">

<td>7</td><td>Bliss</td>

</tr><tr class="GridAltRow_Default" id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00__7">

<td>8</td><td>Impressions</td>

</tr><tr class="GridRow_Default" id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00__8">

<td>9</td><td>Latex Plus</td>

</tr><tr class="GridAltRow_Default" id="ctl00_ContentPlaceHolder1_RadGrid1_ctl00__9">

<td>10</td><td>Duet Luxury</td>

</tr>

</tbody>

</table><input id="ctl00_ContentPlaceHolder1_RadGrid1_ClientState" name="ctl00_ContentPlaceHolder1_RadGrid1_ClientState" type="hidden" />

</div>

</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</div>

<script type="text/javascript">

//<![CDATA[

Sys.Application.initialize();

Sys.Application.add_init(function() {

$create(Telerik.Web.UI.RadMenu, {"_skin":"Default","clientStateFieldID":"ctl00_RadMenu1_ClientState","collapseAnimation":"{\"type\":12,\"duration\":200}","defaultGroupSettings":"{\"expandDirection\":4}","itemData":[{"items":[{},{},{}]},{"isSeparator":true},{"items":[{},{},{}]},{"isSeparator":true},{"items":[{},{},{}]},{"isSeparator":true},{"items":[{},{},{}]},{"isSeparator":true},{"items":[{},{}]}]}, null, null, $get("ctl00_RadMenu1"));

});

Sys.Application.add_init(function() {

$create(Telerik.Web.UI.RadGrid, {"AllowMultiRowSelection":false,"ClientID":"ctl00_ContentPlaceHolder1_RadGrid1","ClientSettings":{"PostBackFunction":"__doPostBack(\u0027{0}\u0027,\u0027{1}\u0027)","AllowExpandCollapse":true,"AllowGroupExpandCollapse":true,"ColumnsReorderMethod":0,"ShouldCreateRows":true,"Selecting":{"EnableDragToSelectRows":true},"Scrolling":{"SaveScrollPosition":true,"ScrollHeight":"300px"},"Resizing":{"ClipCellContentOnResize":true},"ClientMessages":{"DragToGroupOrReorder":"Drag to group or reorder","DragToResize":"Drag to resize","DropHereToReorder":"Drop here to reorder","PagerTooltipFormatString":"Page: \u003cb\u003e{0}\u003c/b\u003e out of \u003cb\u003e{1}\u003c/b\u003e pages"}},"Skin":"Default","UniqueID":"ctl00$ContentPlaceHolder1$RadGrid1","_activeRowData":"","_clientKeyValues":{},"_currentPageIndex":0,"_gridTableViewsData":"[{\"ClientID\":\"ctl00_ContentPlaceHolder1_RadGrid1_ctl00\",\"UniqueID\":\"ctl00$ContentPlaceHolder1$RadGrid1$ctl00\",\"PageSize\":10,\"PageCount\":5,\"CurrentPageIndex\":0,\"Name\":\"\",\"IsItemInserted\":false,\"clientDataKeyNames\":[],\"_selectedItemStyle\":\"\",\"_selectedItemStyleClass\":\"SelectedRow_Default\",\"_renderActiveItemStyle\":\"\",\"_renderActiveItemStyleClass\":\"ActiveRow_Default\",\"_columnsData\":[{\"UniqueName\":\"ITEM_NAME_CODE\",\"Resizable\":true,\"Reorderable\":true,\"Groupable\":true,\"Display\":true},{\"UniqueName\":\"NAME\",\"Resizable\":true,\"Reorderable\":true,\"Groupable\":true,\"Display\":true}]}]","_loadingText":"Loading...","_masterClientID":"ctl00_ContentPlaceHolder1_RadGrid1_ctl00","_popUpIds":"[]","_readyText":"Ready","_statusLabelID":"","clientStateFieldID":"ctl00_ContentPlaceHolder1_RadGrid1_ClientState"}, null, null, $get("ctl00_ContentPlaceHolder1_RadGrid1"));

});

//]]>

</script>

</form>

<div id="footer"><div class="inner">

<h2 id="page-info-heading">About this page</h2>

<div id="page-info">

<ul>

<li><strong>Website Version</strong>: <span id="ctl00_CtrlFooter_Label_Version">v1.0.0</span></li>

<li><strong>Page Last Updated</strong>: <span id="ctl00_CtrlFooter_Label_Update">November 11, 2010</span></li>

</ul>

</div>

</div></div>

</div>

</body>

</html>

Thanks

Amit

answered on 29 Nov 2010, 02:27 PM

Hi

Here is an update. after spending hours on this problem, i've found that any style sheet that i put in my project (even an empty style sheet) stops the Rad Controls from applying the Embedded style sheets. I still do not know why this happens (i've tested this behaviour on three different dummy projects in VS2008).
What i've done is a workaround for RadMenu css, i've combined the contents of Menu.css and Menu.Office2007.css (the skin that i wanted to apply) in to a single css file and registered that in the masterpage of my project.

For the Menu I've simply used the control like this :
<telerik:RadMenu ID="RadMenu1" runat="server" Skin="Office2007">

Also, I've done the same workaround for RadGrid.

Now all the styles appear as they should.

Hope this helps someone else.

Amit

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

RADMenu doesn't see style sheet for IE8

12 Answers, 1 is accepted