Can I override the Sheet Width for Content in an Artisteer theme ?

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
1/22/2013 5:31:13 PM
Gravatar
Total Posts 101

Can I override the Sheet Width for Content in an Artisteer theme ?

Hi,

Can I override the sheet width a given 'content' article ?

That is.. I would like to have an article that overrides the sheet width and goes full screen width. But only for that

content on the page.

That is..

**********************************************
===============================

          ^^^^^^^^^^^^^^^^^^^^^^^^^

          ^^^^^^^^^^^^^^^^^^^^^^^^^

 

Where **** is the Menu, === is 'content' which overrides the sheet width and ^^^^ is content which fits inside the sheet ?

Thanks

 

1/22/2013 7:53:18 PM
Gravatar
Total Posts 2253

Re: Can I override the Sheet Width for Content in an Artisteer theme ?

The best solutions for something like this would be to use AltContent1. Example:

<div class="main-content grid-container">

 <div class="toprow">
  <portal:LayoutPanel ID="divAlt1" runat="server" SkinID="TopPane">
   <asp:ContentPlaceHolder ID="altContent1" runat="server"></asp:ContentPlaceHolder>
  </portal:LayoutPanel>
 </div>

 <div class="middlerow">
  <portal:LayoutPanel id="divLeft" runat="server" SkinID="LeftPane">
   <asp:contentplaceholder ID="leftContent" runat="server"></asp:contentplaceholder>
  </portal:LayoutPanel>
  <portal:LayoutPanel id="divCenter" runat="server" SkinID="CenterPane">
   <asp:ContentPlaceHolder ID="mainContent" runat="server"></asp:ContentPlaceHolder>
  </portal:LayoutPanel>
  <portal:LayoutPanel id="divRight" runat="server" SkinID="RightPane">
   <asp:contentplaceholder ID="rightContent" runat="server"></asp:contentplaceholder>
  </portal:LayoutPanel>   
 </div>

 <div class="bottomrow">
  <portal:LayoutPanel ID="divAltContent2" runat="server" SkinID="BottomPane">
   <asp:ContentPlaceHolder ID="altContent2" runat="server"></asp:ContentPlaceHolder>
  </portal:LayoutPanel>
 </div>

</div> 

The div with the class "middlerow" could be equivalent to your "sheet." The important part is that the "AltContent1" or "TopPane" panel is outside of the "sheet" div so it's not constrained by it.

HTH,
Joe D.

 

1/22/2013 10:22:20 PM
Gravatar
Total Posts 101

Re: Can I override the Sheet Width for Content in an Artisteer theme ?

Hi,

I modified the layout.Master file as suggested.. And it adds the new altContent to the page, but there are a couple of issues.

1) The block only displays if the 'show title' is checked ? If you untick 'show title' nothing is displayed.

2) It blanks the header menu/graphics/etc..

About to Firebug the output and try and see why...???

Thanks

<header class="art-header clearfix">


    <div class="art-shapes">
<div class="art-object497680943" data-left="60%"></div>

            </div>

 


<nav class="art-nav clearfix">
<div class="art-nav-inner">
<portal:skiplink id="SkipLink1" runat="server"></portal:skiplink>
<portal:sitemenu id="SiteMenu1" runat="server" usetreeview="true" treeviewpopulateondemand="false" hidemenuonsitemap="false" suppressimages="true"></portal:sitemenu>

<portal:layoutpanel id="divAlt1" runat="server" SkinID="TopPane" visible="True" cssclass="center-rightandleftmargins" >
    <asp:contentplaceholder id="altContent1" runat="server"></asp:contentplaceholder>
</portal:layoutpanel>

</div>
</nav>

                    
</header>
<div class="art-sheet clearfix">
            <div class="art-layout-wrapper clearfix">
                <div class="art-content-layout">
    <div class="art-content-layout-row">
        <portal:layoutpanel id="divLeft" runat="server" cssclass="art-layout-cell art-sidebar1 leftside" visible="True" skinid="pnlPlain">
            <portal:pagemenu id="PageMenu1" runat="server" usetreeview="true" issubmenu="true" treeviewshowexpandcollapse="false"></portal:pagemenu>
            <asp:contentplaceholder id="leftContent" runat="server">
            </asp:contentplaceholder>
        </portal:layoutpanel>
        <portal:layoutpanel id="divCenter" runat="server" visible="True" cssclass="center-rightandleftmargins" skinid="pnlPlain">
            <portal:breadcrumbs id="Breadcrumbs" runat="server"></portal:breadcrumbs>
            <portal:childpagemenu id="ChildPageMenu" runat="server" cssclass="txtnormal"></portal:childpagemenu>
            <a id="startcontent"></a>
            <asp:contentplaceholder id="mainContent" runat="server">
            </asp:contentplaceholder>
        </portal:layoutpanel>
        <portal:layoutpanel id="divRight" runat="server" visible="True" cssclass="art-layout-cell art-sidebar2 rightside" skinid="pnlPlain">
            <asp:contentplaceholder id="rightContent" runat="server">
            </asp:contentplaceholder>
        </portal:layoutpanel>
    </div>
</div>
            </div><footer class="art-footer clearfix">
    <div class="art-footer-body">
    <div class="art-footer-center">
    <div class="art-footer-wrapper">
        <a href="#" class="art-rss-tag-icon" style="float: left; line-height: 0px;" title="RSS"></a>
        <div class="art-footer-text">
            <p>
                <portal:sitemaplink id="SiteMapLink1" runat="server" cssclass="sitemaplink"></portal:sitemaplink>
                |
                <portal:skinpreview id="SkinPreview1" runat="server"></portal:skinpreview>
                |
                <portal:copyrightlabel id="cl1" runat="server" showyear="true" beginyear="2008"></portal:copyrightlabel>
                |
                <portal:mojoportallink id="lnkmojoportal" useimage="false" runat="server"></portal:mojoportallink>
                | <a title="Learn about Artisteer" href="http://www.mojoportal.com/creating-skins-from-artisteer-html-templates.aspx">
                    Design generated by Artisteer</a></p>
        </div>
    </div>
    </div>
    <div class="cleared"></div>
   </div>
</footer>

 

 

 

1/22/2013 11:29:38 PM
Gravatar
Total Posts 101

Re: Can I override the Sheet Width for Content in an Artisteer theme ?

This is better (placing the "fullWidthPanelUnderHeader") outside the </header> block.

Still some issues with forced margin/padding on content. Almost right.

--------------------------------------------------------------------------------------------------------------------------------------------------------------------

<header class="art-header clearfix">

        <div class="art-shapes">
        <div class="art-object497680943" data-left="60%"></div>
        </div>

    <nav class="art-nav clearfix">
    <div class="art-nav-inner">
    <portal:skiplink id="SkipLink1" runat="server"></portal:skiplink>
    <portal:sitemenu id="SiteMenu1" runat="server" usetreeview="true" treeviewpopulateondemand="false" hidemenuonsitemap="false" suppressimages="true"></portal:sitemenu>
</div>
</nav>                   
</header>

<div id="fullWidthPanelUnderHeader">
    <portal:layoutpanel id="divAlt1" runat="server" SkinID="TopPane" visible="True" cssclass="center-rightandleftmargins" >
        <asp:contentplaceholder id="altContent1" runat="server"></asp:contentplaceholder>
    </portal:layoutpanel>
</div>

<div class="art-sheet clearfix">
            <div class="art-layout-wrapper clearfix">

 

You must sign in to post in the forums. This thread is closed to new posts.