Forem Creators and Builders 🌱

Ben Halpern
Ben Halpern

Posted on

How to properly enable multiple call-to-action buttons in nav bar...

We have a forem which is doing this via a little hack....

Alt Text

It's not the most elegant solution in the world, design-wise, but the use case makes sense.

They...

  • Want listings to be a bigger part of their site, which makes 100% sense.
  • Have a custom page which helps people "Form a cluster" which is a specific action for their business

So I'm wondering if we can come up with a more elegant design for enabling more than one featured action in the top bar. One way or another it would be nice to provide the functionality such that it doesn't have to be done in a hacky way.

Top comments (9)

Collapse
 
pp profile image
Paweł Ludwiczak • Edited

So here's an idea for scenario where admin wants to have multiple call-to-actions in a header:

Collapse
 
link2twenty profile image
Andrew Bone • Edited

We took a similar route. I went a little more compressed and had a default action.

Collapse
 
ben profile image
Ben Halpern

Yeah, I think the primary action can be first, and then other actions in order. I also love that design @link2twenty 😍

@pp I'd say this is a fairly specialized dropdown since it's one-of-a-kind and built off the nav bar. I'd be in favor of leaning into this.

This will involve also adding the proper functionality to SiteConfig

Thread Thread
 
link2twenty profile image
Andrew Bone

Thanks Ben 😊
I've made a slight change to the code to make it cope with only having one action.

Collapse
 
lee profile image
Lee

If i can get this for article, video, listing and organisation my heart will explode with joy 🤩

Collapse
 
lee profile image
Lee

Very nice!

Collapse
 
lee profile image
Lee

This looks amazing. Thanks for sharing!

Collapse
 
akhil profile image
Akhil Naidu

This is some benevolent thinking @ben

Collapse
 
lee profile image
Lee

Hey Ben can you share the basic html used in the banner?