Full Page Layout Controls

Posted by Community Admin on 05-Aug-2018 15:26

Full Page Layout Controls

All Replies

Posted by Community Admin on 15-Jun-2016 00:00

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. 

Posted by Community Admin on 16-Jun-2016 00:00

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

 

 

This thread is closed