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; } } }

Hi Guys I want to achieve the below template in confluence is it possible?

Sathish Raj_k3o6n0

Accepted answers

Barbara Szczesniak

@Sathish Raj I achieve this same type of look by:

Inserting a layout and switching to the Three Columns layout.
Inserting a 1-column, 1-row table in each section for the content. This gives you the border lines and ability to have a background color, though I don't think you can get colored border lines.

For your Product Mission and Scope sections, you could add 2 tables in the same layout column to achieve the space between them.

You can also put a Custom Panel macro (with no emoji) inside a layout column to get the background color, but you cannot insert an image or other macro inside the panel like you can in a table cell.

Zoriana Bogutska_Kolekti

Hi @Sathish Raj

You can use such Confluence layouts and colour backgrounds.

Screenshot 2023-09-29 at 10.36.03.png

Here, you can copy the template of it.

If you want something more advanced, you can look to macros from Content Formatting Macros for Confluence (developed by my team)

Screenshot 2023-09-29 at 10.43.37.png

Here, you can review this template in more detail. If you install a trial version of this app, you can copy and reuse this template on your Confluence.

All comments

Craig Nodwell_7eve9b

Hi @Sathish Raj this is possible. A page for your review.

Sathish Raj_k3o6n0

Thanks for your help, I am not achieving this vertical box.

Craig Nodwell_7eve9b

Use sections/columns macros to set your layout.

Barbara Szczesniak

@Sathish Raj I achieve this same type of look by:

Inserting a layout and switching to the Three Columns layout.
Inserting a 1-column, 1-row table in each section for the content. This gives you the border lines and ability to have a background color, though I don't think you can get colored border lines.

For your Product Mission and Scope sections, you could add 2 tables in the same layout column to achieve the space between them.

You can also put a Custom Panel macro (with no emoji) inside a layout column to get the background color, but you cannot insert an image or other macro inside the panel like you can in a table cell.

Sathish Raj_k3o6n0

Thank you @Barbara Szczesniak @Craig Nodwell
I have achieved it in the same way but will have to test on how it is performing.

Zoriana Bogutska_Kolekti

Hi @Sathish Raj

You can use such Confluence layouts and colour backgrounds.

Screenshot 2023-09-29 at 10.36.03.png

Here, you can copy the template of it.

If you want something more advanced, you can look to macros from Content Formatting Macros for Confluence (developed by my team)

Screenshot 2023-09-29 at 10.43.37.png

Here, you can review this template in more detail. If you install a trial version of this app, you can copy and reuse this template on your Confluence.

Sathish Raj_k3o6n0

Thank you @Zoriana Bogutska_Kolekti for you kind help and useful insights.

Zoriana Bogutska_Kolekti

Happy to help

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

cloud

confluence-cloud