nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

two, three column layout creation steps

tivinelvis

I want to create new two/three column layouts in TeamSite. I refer the developer guide which does not have the complete steps to create. Can anyone share the steps to create a custom page layouts(two column, three column...)

Find more posts tagged with

Comments

Rick Poulin

Take a look at the samples in /default/main/component-guide under the iw/config/fixed-layout folder.

tivinelvis

Thanks for replying. Can you tell me what are all the configuration details for creating a new layout? default/main/component-guide does not give me information about the places to be configured for creating a new layout

apulijala_lloyds

You are right. Autonomy does not give layout creation steps.

Here are the steps to create layouts.

1) xml file describing the layout needs to be under /iw/config/fixed-layout

2) Layout needs to account for the css for the components. This is achieved using html-id or css-class. From 7.1 onwards, there is a column attribute which can be used to intermesh with rows. By alternating rows and columns in the xml required css classes or html ids can be embedded.

Hope this helps.