RADMenu doesn't see style sheet for IE8

13 posts, 0 answers
  1. Rich
    Rich avatar
    6 posts
    Member since:
    Feb 2010

    Posted 15 Apr 2010 Link to this post

    RADMenu for AJAX 1Q 2010 running under Sitefinity 3.7 sp2 works in compatibility mode of IE 7 to use my menu specific styles (left align text, dropdown image, background and text colors, etc).

    The rest of the page sees the style sheet, but not the RADMenu.

    Any ideas?

    Thanks,
    Rich Winslow
    www.automatedresults.com
    828-243-5932
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 20 Apr 2010 Link to this post

    Hello Rich,

    Can you please provide more details about this issue? Do you have a live url which we can test? Do you use a custom skin or a built-in one?


    Greetings,
    Peter
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Rich
    Rich avatar
    6 posts
    Member since:
    Feb 2010

    Posted 20 Apr 2010 Link to this post

    The issue was a bad comment line in the style sheet that bothered IE8 but not IE7.  Removing the rogue line corrected the problem.
  5. Roopesh
    Roopesh avatar
    2 posts
    Member since:
    Oct 2010

    Posted 06 Nov 2010 Link to this post

    Hello Sir,
    I am using sitefinity 3.7 i want to change my rad menu display style. How can i change it??
    Thank you
    Roops
  6. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 11 Nov 2010 Link to this post

    Hi Roopesh,

    The approach we recommend is to create a custom skin using Telerik visual style builder.

    Greetings,
    Peter
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  7. Rich
    Rich avatar
    6 posts
    Member since:
    Feb 2010

    Posted 11 Nov 2010 Link to this post

    That was how I end up changing the RADMenu.

    Unfortunately there are cases where Visual Style Builder doesn't do a complete enough job and only 80% of the styles are covered. For example with a RADGrid, some of the elements don't have a style and use the default.  That was not true with the RADMenu.

    Rich
  8. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 11 Nov 2010 Link to this post

    Hi Rich,

    Thank you for your feedback. We will improve Telerik visual style builder in the future.

    Kind regards,
    Peter
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  9. Amit
    Amit avatar
    12 posts
    Member since:
    Mar 2008

    Posted 26 Nov 2010 Link to this post

    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.
           <!-- Menu and Content -->
        <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 ??

           <!-- Menu and Content -->
  10. Rich
    Rich avatar
    6 posts
    Member since:
    Feb 2010

    Posted 26 Nov 2010 Link to this post

    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
  11. Amit
    Amit avatar
    12 posts
    Member since:
    Mar 2008

    Posted 26 Nov 2010 Link to this post

    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">
       
       
       
    <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">
          
          
        <!-- Banner Header -->
        <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>
       
         
           <!-- Menu and Content -->
        <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">
        <!-- 2008.1.415.35 --><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">
                    <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 RadMenuItem3</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 RadMenuItem4</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 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>
                  <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 />
            <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>
                            </div>
                             
         
         
    </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
  12. Rich
    Rich avatar
    6 posts
    Member since:
    Feb 2010

    Posted 26 Nov 2010 Link to this post

    Amit,

    You have a syntax error in your style sheet files.  Chrome and IE8 are stricter than IE7.

    Empty the style sheet file out and put back a little bit at a time until it breaks, then look for the syntax error.

    Or

    Submit your CSS file as a URL to the following website: http://jigsaw.w3.org/css-validator/

    Let me know if that works or post the contents of your CSS file and we'll figure it out for you.

    Rich
  13. Amit
    Amit avatar
    12 posts
    Member since:
    Mar 2008

    Posted 29 Nov 2010 Link to this post

    Hi Rich, 

    You were right about the Error in the CSS files, however there is nothing wrong with the syntax. i validated all files on W3C and they all validated without any errors. One thing that i have found is that something in my base stylesheet is stopping the stopping the embedded styles for Rad Controls from working. 
    I will follow your advice of emptying the stylesheet and put in 1 bit at a time. 

    Thanks for all your help.

    Amit
  14. Amit
    Amit avatar
    12 posts
    Member since:
    Mar 2008

    Posted 29 Nov 2010 Link to this post

    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
     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017