Announcement

Collapse
No announcement yet.

Two or Three Columns Fragment list with first fragment full width;

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

    Two or Three Columns Fragment list with first fragment full width;

    Suppose you would like a fragment list on a brochure page in three columns but you would like the first fragment to be full width, either because it is a slider or it is some sort of heading or introduction.

    In design, library, Fragment Lists right click on Brochure fragment list and copy it so you have a backup.

    In design view with design tree selected, click on a fragment, then click the bottom left ‘upsidedown V’ until you see responsive Brochure fragment list in the layout pane.

    In First Row Number of items click ‘Select Variable’ then ‘New’ bottom right. In the pane that opens enter the following:

    Name: FragmentColumnCountFirstRow

    Description: Number of columns in the first fow of a list of fragments on a brochure page

    Prompt: First Row of Fragments 0 or 1

    Place of Setting: Site/Brochure

    Panel Name: Layout

    Type: List of Choices

    Choices: 0 or 1

    It is important to make this within the Brochure Fragment list dialogue, If you make it directly in the library it will not show up in the available variables for the list count unless you use a whole number variable with the potential for the end user to break things by selecting an impossible number!

    The First Row Number of Items is now:
    Code:
    <actinic:variable name="FragmentColumnCountFirstRow" />
    Go to overall design, start of list and edit, select everything there and put a blockif round it:

    Code:
    <actinic:variable name="FragmentColumnCountFirstRow" /> != 1
    Back to ‘Edit Rows and Columns’.

    Before Row:
    Code:
    <div class="fragment-list">
    First item Before:
    Code:
    <div class="fullWidthSection">
    First item After:
    Code:
    </div>
    After Row:
    Code:
    </div><div class="fragment-list<actinic:block if="%3cactinic%3avariable%20name%3d%22FragmentColumnCount%22%20%2f%3e%20%3d%3d%202" > twoColumns</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22FragmentColumnCount%22%20%2f%3e%20%3d%3d%203" > threeColumns</actinic:block>">
    Select first row 0 or 1 in Brochure Page Details First Row of Fragments 0 or 1
    And select the other fragment column count by changing Column Count for Brochure Fragments

    As usual without warranty express or implied.

    Have fun.
    Jonathan Chappell
    Website Designer
    SellerDeck Website Designer
    Actinic to SellerDeck upgrades
    Graphicz Limited - www.graphicz.co.uk
Working...
X