Announcement

Collapse
No announcement yet.

Create subsection list layout without Orange List Layout Settings

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Create subsection list layout without Orange List Layout Settings

    I have a css layout where the section links are wrapped in a div whose width depends on the section link column count. The divs float left so wrap automatically.

    I have a variable to show in section link list and the section link is wrapped in a condition to this effect.

    This variable only works in the orange section list layout but you then get empty boxes.

    I need the section link layout to be a pure layout without the orange list layout.

    It works on the home page like this:

    Code:
    <actinic:block type="TopLevelSectionList">
    		<actinic:block if="%3cactinic%3avariable%20name%3d%22ShowinHomePageSectionList%22%20%2f%3e">
    	<actinic:block if="%3cactinic%3avariable%20name%3d%22IsSectionIncludedInSiteMap%22%20%2f%3e" >
    		<div style="width:235px;float:left;margin-right:10px;">
    		<div class="boxformatsec">
    	<div class="section-link-image">
    		<a href="<actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsFilteringPageAsDefaultView%22%20%2f%3e%20%3d%3d%20False%29%20AND%0d%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22IsFilteringPageAsDefaultView%22%20%2f%3e%20OR%0d%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self"><actinic:block if="%3cactinic%3avariable%20name%3d%22HomePageSectionImage%22%20%2f%3e%20%3d%3d%20%22%22"><img alt="<actinic:variable name="SectionName" encoding="strip"/>" src="<actinic:variable Name="SectionImageFileName"/>" border="0" /></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22HomePageSectionImage%22%20%2f%3e%20%21%3d%20%22%22" ><img alt="<actinic:variable name="SectionName" encoding="strip"/>" src="<actinic:variable name="HomePageSectionImage" />" border="0" /></actinic:block></a>               
    	</div>
    	<div class="section-link-name nameheight"><a href="<actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsFilteringPageAsDefaultView%22%20%2f%3e%20%3d%3d%20False%29%20AND%0d%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22IsFilteringPageAsDefaultView%22%20%2f%3e%20OR%0d%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>"><h3 style="color:#116F58;"><actinic:variable encoding="actinic" name="SectionName" /></h3></a></div>
    <!--<div class="section-link-description"><actinic:variable name="SectionDescription" /></div>-->
    </div>	
    <img src="theme_shim.gif" height="10" border="0" alt="spacer" />
    		</div>				
    		</actinic:block>
    		</actinic:block>
    But I want to add the sectionlink column count variable:
    Code:
    		<actinic:block if="%3cactinic%3avariable%20name%3d%22ShowinHomePageSectionList%22%20%2f%3e">
    	<actinic:block if="%3cactinic%3avariable%20name%3d%22IsSectionIncludedInSiteMap%22%20%2f%3e" >
    <actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLinkColumnCount%22%20%2f%3e%20%3d%3d%20%271%27" >
    <div style="width:700px;float:left;margin-right:10px;">
    	</actinic:block>
    		<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLinkColumnCount%22%20%2f%3e%20%3d%3d%20%272%27" >
    <div style="width:360px;float:left;margin-right:10px;">
    	</actinic:block>
    	<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLinkColumnCount%22%20%2f%3e%20%3d%3d%20%273%27" >
    		<div style="width:235px;float:left;margin-right:10px;">
    	</actinic:block>
    		<div class="boxformatsec">
    	<div class="section-link-image">
    		<a href="<actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsFilteringPageAsDefaultView%22%20%2f%3e%20%3d%3d%20False%29%20AND%0d%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22IsFilteringPageAsDefaultView%22%20%2f%3e%20OR%0d%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self"><actinic:block if="%3cactinic%3avariable%20name%3d%22HomePageSectionImage%22%20%2f%3e%20%3d%3d%20%22%22"><img alt="<actinic:variable name="SectionName" encoding="strip"/>" src="<actinic:variable Name="SectionImageFileName"/>" border="0" /></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22HomePageSectionImage%22%20%2f%3e%20%21%3d%20%22%22" ><img alt="<actinic:variable name="SectionName" encoding="strip"/>" src="<actinic:variable name="HomePageSectionImage" />" border="0" /></actinic:block></a>               
    	</div>
    	<div class="section-link-name nameheight"><a href="<actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsFilteringPageAsDefaultView%22%20%2f%3e%20%3d%3d%20False%29%20AND%0d%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22IsFilteringPageAsDefaultView%22%20%2f%3e%20OR%0d%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>"><h3 style="color:#116F58;"><actinic:variable encoding="actinic" name="SectionName" /></h3></a></div>
    <!--<div class="section-link-description"><actinic:variable name="SectionDescription" /></div>-->
    </div>	
    <img src="theme_shim.gif" height="10" border="0" alt="spacer" />
    		</div>				
    		</actinic:block>
    and it don't work!
    Can I just have a pure layout as the scetion link layout without the orange list layout bit?
    Thanks
    Jonathan Chappell
    Website Designer
    SellerDeck Website Designer
    Actinic to SellerDeck upgrades
    Graphicz Limited - www.graphicz.co.uk

    #2
    Solution

    Solution is to have no end of row code.

    So

    First Row (<actinic:variable name="SectionLinkFirstRowColumnCount" />), first middle and last have:

    Code:
    <actinic:block if="%3cactinic%3avariable%20name%3d%22ShowinHomePageSectionList%22%20%2f%3e%20%3d%3d%20true">		<actinic:block if="%3cactinic%3avariable%20name%3d%22IsSectionIncludedInSiteMap%22%20%2f%3e" >
    	<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLinkFirstRowColumnCount%22%20%2f%3e%20%3d%3d%20%271%27" >
    <div style="width:730px;float:left;margin-right:10px;">
    	</actinic:block>
    		<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLinkFirstRowColumnCount%22%20%2f%3e%20%3d%3d%20%272%27" >
    <div style="width:360px;float:left;margin-right:10px;">
    	</actinic:block>
    	<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLinkFirstRowColumnCount%22%20%2f%3e%20%3d%3d%20%273%27" >
    		<div style="width:235px;float:left;margin-right:10px;">
    	</actinic:block>
    middle rows () first middle and last have:

    Code:
    <actinic:block if="%3cactinic%3avariable%20name%3d%22ShowinHomePageSectionList%22%20%2f%3e%20%3d%3d%20true">	<actinic:block if="%3cactinic%3avariable%20name%3d%22IsSectionIncludedInSiteMap%22%20%2f%3e" >
    	<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLinkColumnCount%22%20%2f%3e%20%3d%3d%20%271%27" >
    <div style="width:730px;float:left;margin-right:10px;">
    	</actinic:block>
    		<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLinkColumnCount%22%20%2f%3e%20%3d%3d%20%272%27" >
    <div style="width:360px;float:left;margin-right:10px;">
    	</actinic:block>
    	<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLinkColumnCount%22%20%2f%3e%20%3d%3d%20%273%27" >
    		<div style="width:235px;float:left;margin-right:10px;">
    	</actinic:block>
    After for all is:

    Code:
    </div>
    </actinic:block>
    </div>
    </actinic:block>
    Start of list is <div style="width:750px;"> (or whatever width is apropriate to your site.
    End of list is </div>

    Thanks
    Jonathan Chappell
    Website Designer
    SellerDeck Website Designer
    Actinic to SellerDeck upgrades
    Graphicz Limited - www.graphicz.co.uk

    Comment

    Working...
    X