Forums

Skip Navigation LinksHome / Developer Network / Forums / Sitefinity 3.x: 3.x Pre-release forums (retired) > Scrolling inside Page Edit

Scrolling inside Page Edit

Feed from this thread
  • kevin avatar

    Posted on Apr 26, 2007 (permalink)

    Seems to be a simple thing, but apparently users can't scroll to edit content on a page. We've tried Firefox and IE.

    Reply

  • Sean MVP avatar

    Posted on Apr 26, 2007 (permalink)

    Hi Kevin,

    I have had this problem before. Have you wrapped your Master pages in the <div id="cmsWrapper"></div> as described in the user manual under the Masterpages and Templates section.

    Regards
    Sean

    Reply

  • Ben Alexandra Intermediate avatar

    Posted on Jul 6, 2007 (permalink)

    Hi,

    I have this same issue.  I've now put such a div around my content, but it didn't help, at least not in IE7.  Here's my template...

    <body> 
    <sf1:CmsForm id="cmsForm" runat="server">  
      <asp:Label ID="lblStyleSheet" runat="server" Text="<link href='/common/IE7.css' type='text/css' rel='stylesheet' />" /> 
      <div id="cmsWrapper">  
        <div id="page_wrapper"> ... </div> 
      </div> 
    </sf1:CmsForm>   
    </body> 

    Any suggestions?

    Thanks

    Ben

    Reply

  • Sean MVP avatar

    Posted on Jul 6, 2007 (permalink)

    Hi Ben,

    You need to ensure that the cmsWrapper div wraps around everything in your template including the form template.

    So your code should be:

    1<body>  
    2  <div id="cmsWrapper">   
    3<sf1:CmsForm id="cmsForm" runat="server">   
    4  <asp:Label ID="lblStyleSheet" runat="server" Text="<link href='/common/IE7.css' type='text/css' rel='stylesheet' />" />  
    5    <div id="page_wrapper"> ... </div>  
    6</sf1:CmsForm>    
    7 </div>  
    8</body>  

    By the way to ensure XHTML compliance your style sheet should only be included in the <head></head> section of the page.

    If you only want the css to be included if the website is running IE7 you can use this code instead:

    <!--[if IE 7]><link rel="stylesheet" type="text/css" href="/common/IE7.css" /><![endif]-->

    Cheers
    Sean

    Reply

  • Sean MVP avatar

    Posted on Jul 6, 2007 (permalink)

    Oh and sorry it is mean to be <div class="cmsWrapper"> not <div id="cmsWrapper">

    Reply

  • Ben Alexandra Intermediate avatar

    Posted on Jul 7, 2007 (permalink)

    Hi,

    So I sorted it out and it's working perfectly.

    When i put the tag:
    <div class="cmsWrapper"> 
    around the WHOLE form, it did NOT work right.  The whole thing scrolled, but so did the list of controls and it wasn't what I wanted.

    I then moved the same tag (above) INSIDE the form and now it's perfect!  Scroll just the page, not any of what Sitefinity puts around it for editing.

    Note it's class="cmsWrapper", NOT id=.

    Sean, as for the stylesheet, I have code that runs in the background that checks the browser and adds another stylesheet based on which browser they're using (IE6, IE7, FX, Safari, etc.).  The stylesheets generally just have small fixes to a couple of things and are usually only 4 or 5 lines total.  If it doesn't need a stylesheet, it hides that line.  I have IE7 as the default in case the code fails somehow.  Hope that makes sense.

    Ben

    Reply

  • Sean MVP avatar

    Posted on Jul 7, 2007 (permalink)

    Hi Ben,

    Sorry I was trying to work from memory as to where to exactly place the div tag....

    As for what I was saying with the IE7 fixes currently from what I can see you Label is actually rendering the stylesheet in the Body of the page, which breaks Standard Compliance....

     I understand what you are trying to do and while it may work, it isn't correct that is all I was just trying to point out.  You can choose not to use it that way if you wish, but if you validate your HTML you will find it tells you that putting your style sheets in the body isn't Standards compliant.  It will work for now but if you ever try and change your website to XHTML Strict it will stop working.

    http://www.w3schools.com/tags/tag_link.asp

    Regards
    Sean

    Reply

  • Ben Alexandra Intermediate avatar

    Posted on Jul 8, 2007 (permalink)

    Hi Sean,

    Point taken.  I'll move it to the <head>.

    Thanks for your feedback and I'm glad I got this issue resolved, as it's a bit tricky for people to add controls and content without the scrolling.

    Ben

    Reply

    • Register for webinar
Skip Navigation LinksHome / Developer Network / Forums / Sitefinity 3.x: 3.x Pre-release forums (retired) > Scrolling inside Page Edit