+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / Fluid Layout Edit Mode

Fluid Layout Edit Mode

3 posts, 0 answered
  1. Garry
    Garry avatar
    52 posts
    Registered:
    04 Nov 2010
    10 Jul 2009
    Link to this post
    Hey guys I'm trying to develop a very simple fluid layout that has a left sidebar and a main content area. I'm simply floating the sidebar to the left and putting them inside a wrapper. Nothing special here, however when ever I go into edit the page the content section wraps down below the sidebar. I'd really like the edit layout to mirror the live layout. I do not seem to have this problem with fixed layouts only fluid.

    Is there a something special I need to include in order to prevent this from happening upon edit?

    Sample CSS to replicate problem
    .content   
    {  
        margin: 0 auto;  
        padding: 0;  
        width:100%;  
    }  
    .main   
    {  
        margin:0 0 0 205px;  
        border-left:solid 1px navy;   
    }  
    .sidebar   
    {  
        width: 205px;  
        float:left;  
  2. Katia
    Katia avatar
    194 posts
    Registered:
    01 Jul 2016
    13 Jul 2009
    Link to this post
    Hi Garry Clark,

    Add the CSS from below to your site theme(~/App_Themes/Your-Site-Theme/). That should solve the problem you have.

    .sf_wrapper div.ControlTitle, .sf_wrapper div.ContentAreaSel, 
    .sf_wrapper div.ZoneDesigner, .sf_wrapper div.ZoneDesignerSel, .sf_wrapper .ZoneDesignerFull, .sf_wrapper div.ZoneDesignerFullSel, 
    .sf_wrapper div.ZoneName 
        clear: none !important; 
    .sf_wrapper div.ControlTitle 
        height: 20px !important; 


    Best wishes,
    Katia
    the Telerik team

    Instantly find answers to your questions on the newTelerik Support Portal.
    Check out the tipsfor optimizing your support resource searches.
  3. Garry
    Garry avatar
    52 posts
    Registered:
    04 Nov 2010
    13 Jul 2009
    Link to this post
    Worked like a charm!

    Thanks!
Register for webinar
3 posts, 0 answered