Create subsection list layout without Orange List Layout Settings

[graphicz]

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:

<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:

		<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

[graphicz]

Solution

Solution is to have no end of row code.

So

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

<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:

<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:

</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