Full Page Layout Controls - Front- & Back-End Development - Front- & Back-End Development - Progress Community
 Front- & Back-End Development

Full Page Layout Controls

  • Full Page Layout Controls
  • 086f541e-37c1-6deb-a958-ff0000446526_expanding-layout.jpg
    I want to design a page so that each layout row covers the entire webpage in width. I been trying to think of ways, and what would be the easiest.  I have tried entering it into an .ascx file that was use for custom layout but realized it was the page set up. I thought designing a theme would allow the layout to expand. I've also considered creating a  wrapper class.  How have you approached this problem, and if possible can you show me an example of how you did it. 
  • In your case, problem in page template.

    If you want to create full page template, as example, you can follow this steps

    Create base.master file in some folder inside your project

    <%@ Master Language="C#" %>
    <!DOCTYPE html>
    <html>
    <head id="head" runat="server">   
    </head>
    <body>
        <form id="aspnetForm" runat="server>       
            <asp:ContentPlaceHolder ID="content_main" runat="server" />
        </form>
    </body>
    </html>

     

    Go to Page templates in Backend

    Create template

    Use template -> Use your own .master file

    Choose master file created before.

    And try to craete any page with this layout. All your components will be full width

    You can find mode information in this article: http://docs.sitefinity.com/create-a-template-using-a-master-page