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

How can I create a Dropdown toggle button?

Himanshi Sharma_3w1rh3

Hello Everybody,

Can you all suggest an option to group a few elements together on the Confluence page so it looks Visually appealing? I can only think of the Expand macro but it shows as a link always and I don't want to do that.

I want to do something similar to dropdown toggle button which then shows more CTAs.

Thank you in advance .

Accepted answers

All comments

Andrii Maliuta

Hi @Himanshi Sharma ,

If not using something from Marketplace, you can either:

Create user macro
Create custom macro (Atlassian SDK)
Add code to HTML macro

to create the toggle button you need.

Himanshi Sharma_3w1rh3

Hi @Andrii Maliuta

Thanks for answering. From where can I find the option of User Macro?

I apparently have the Admin rights on the space but I fail to find the option.

djtlmd

Thanks for your help @Andrii Maliuta

djtlmd

Andrii Maliuta

@Himanshi Sharma ,

Sorry for confusing you, "User Macros" is available just for Server/Data Center Confluence. For Cloud, the Forge platform (react-like components) can be used or Connect (for now seems to be still supported ). So, I can think just of creating a custom addon with a macro or panel where you can add e.g. macro as a skeleton for the data repreentation, and use JS code to trigger dropdown as you need (https://developer.atlassian.com/platform/forge/build-a-hello-world-app-in-confluence/).

Paid solutions: https://marketplace.atlassian.com/search?hosting=cloud&product=confluence&query=dropdown

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

user-interface