How to create new Layout in service portal?

[gokulraj]

Hi all,

I have a requirement to create new layouts in the order 3 2 2 2 3.Please, suggest some ideas.

[kshitiz11]

Hi gokulraj,

For making a new layout you have to follow the below steps:

1. Drag and drop container first.

2. Then drag grid12 and drop it within the same container.

3. Now as per your need you can divide and place the grids within the same container. And customize the column by clicking on(top right corner) on the page designer.

OR

1. Create a page goto -> related list and add New container to the page, add one row and add columns under the same by applying the CSS Class as "md-lg-3 md-lg-2 md-lg-2 md-lg-2 md-lg-3" to the respective added columns.

Kshitiz Raj

[gokulraj]

Hi Kshitiz Raj

I have a doubt regarding the split up 3 2 2 2 3 what it actually means.? will you please explain this.

[kshitiz11]

Actually that's a layout description which divides a single screen/row into a total of 12 Parts called as Grids in Bootstrap. Now this mentioned 3 2 2 2 3 is dividing these 12 parts into further smaller grids.

Click here For more information : Bootstrap Grid System

[gokulraj]

Hi Kshitiz Raj

Now I am able to split that 12 parts.but I need to add that layout 3 2 2 2 3 in service portal in the below manner.

Is there any possible for that?