Menu icon Foundation
Insert a button group into an orbit slide

Hi everybody!
I'm Davide Pupparo, a Foundation newbie :)
I've searched for this topic on the forum without success.
I'd like to put a button group into an orbit li element. If create a standard button group, ul with "button-group" class and nested li elements, they disappear. Is there a different way to put button groups inside orbit li elements?
Thanks in advance.

Orbitbutton groupbuttons

Hi everybody!
I'm Davide Pupparo, a Foundation newbie :)
I've searched for this topic on the forum without success.
I'd like to put a button group into an orbit li element. If create a standard button group, ul with "button-group" class and nested li elements, they disappear. Is there a different way to put button groups inside orbit li elements?
Thanks in advance.

Prathap over 5 years ago

Hello Davide, you can try the following code inside your orbit slider.

note: this is a custom code which I have created.

<div class="button-group">
  <button class="button">Button 1</button>
  <button class="button">Button 2</button>
  <button class="button">Button 3</button>
</div>

Simon Wimell over 5 years ago

I have the same issue. Prathab's answer makes it better, but doesn't solve the problem.

Shouldn't the Orbit css use "> li"?

davide pupparo over 5 years ago

@Prathap thanks for your reply! I've already tried to use divs or paragraphs to wrap the buttons...that way the page displays the buttons but they're not grouped...you can see the white space between them. I'm guessing if there is a correct workaround to make em work with the unordered list markup as they should...