Menu icon Foundation

My Posts







My Comments

neil kanth commented on Eduardo's post about 5 years

I figured out that table width need to be set to 'auto'.

I tried using this as a vertical tab for larger screens by adding the 'vertical' class but then realized that the content height cannot be greater than the height of all tabs.

Matt, http://codepen.io/corradomatt/full/JkGtn/
can your hack be used vertically?

neil kanth commented on Eduardo's post about 5 years

This would be great if it didn't break with a data-table.

I will have to use, Easy-Responsive-Tabs-to-Accordion,
https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion

neil kanth commented on Eileen Schmidtke's post over 5 years

I'm having similar issues and would appreciate your help.

I have and example, http://f1ctr.com/f5x/tabs+orbit.html

The scripts were added to the bottom of page but only the first Tabs works.

Thanks.

neil kanth commented on Tim Digger's post over 5 years

Hello Tim,

Have you found a solution?

I'm using the current Foundation version - 5.3.1 and I'm having the same issue.

Here's an example, http://f1ctr.com/f5x/tabs+orbit.html

neil kanth commented on ayezee's post over 5 years

Lyn,

I have setup a horizontal tabs within a vertical tabs where the horizontal tabs are equally spaced using Block-Grids, it works with UL + LI only.

Here are examples of both, http://f1ctr.com/f5x/ul+li.html - http://f1ctr.com/f5x/dl+dd.html

neil kanth commented on neil kanth's post over 5 years

Hi Rafi,

I did like you suggested but it doesn't work.

The following is what I added at the bottom of page below all other scripts,

Tabs:
<script>
$(document).foundation('reflow');
</script>

Accordion:

     <script>
      $document.foundation('accordion', 'reflow');
    </script>

neil kanth commented on neil kanth's post over 5 years

Hi Sarah,

I have a demo here: http://f1ctr.com/f5x/index.html

Thanks.

neil kanth commented on Andrey Kondratyuk's post over 5 years

White-space gets introduced below the tabs and above the content.
How can this space be removed?

neil kanth commented on Anita Graham's post over 5 years

Foundation 5 doesn't provide any Accordion mixin examples.
What would be comparable to the following F4 example?

.section-auto-sample-accordion {
  @include section-container($section-type:accordion);
  & > section { @include section($section-type:accordion, $title-selector:".title-sample", $content-selector:".content-sample", $title-padding: 10px 50px, $title-color:#000, $title-bg:pink, $title-bg-hover:darken(pink,5%), $title-bg-active: #fff, $title-color-active: darken(pink,10%)); }
}

Thanks in advance

neil kanth commented on mario martinez's post over 5 years

Rafi

How is the documentation updated?

I'm using Windows and have the Foundation folder on Drive C

Posts Followed

  • 7
    Replies
  • Off-canvas Accordion

    By Clay Hymas

    off-canvasaccordion

    In this post from a while ago: http://foundation.zurb.com/forum/posts/915-multi-level-off-canvas-menu It mentions there were plans to bake in the Accordion functionality into the Off-canvas menu. To date what is the best way to make this happen? I'm no... (continued)

    Last Reply by jessica ndaye over 4 years ago











Following

    No Content

Followers

My Posts





My Comments

You commented on Eduardo's post about 5 years

I figured out that table width need to be set to 'auto'.

I tried using this as a vertical tab for larger screens by adding the 'vertical' class but then realized that the content height cannot be greater than the height of all tabs.

Matt, http://codepen.io/corradomatt/full/JkGtn/
can your hack be used vertically?

You commented on Eduardo's post about 5 years

This would be great if it didn't break with a data-table.

I will have to use, Easy-Responsive-Tabs-to-Accordion,
https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion

You commented on Eileen Schmidtke's post over 5 years

I'm having similar issues and would appreciate your help.

I have and example, http://f1ctr.com/f5x/tabs+orbit.html

The scripts were added to the bottom of page but only the first Tabs works.

Thanks.

You commented on Tim Digger's post over 5 years

Hello Tim,

Have you found a solution?

I'm using the current Foundation version - 5.3.1 and I'm having the same issue.

Here's an example, http://f1ctr.com/f5x/tabs+orbit.html

You commented on ayezee's post over 5 years

Lyn,

I have setup a horizontal tabs within a vertical tabs where the horizontal tabs are equally spaced using Block-Grids, it works with UL + LI only.

Here are examples of both, http://f1ctr.com/f5x/ul+li.html - http://f1ctr.com/f5x/dl+dd.html

You commented on neil kanth's post over 5 years

Hi Rafi,

I did like you suggested but it doesn't work.

The following is what I added at the bottom of page below all other scripts,

Tabs:
<script>
$(document).foundation('reflow');
</script>

Accordion:

     <script>
      $document.foundation('accordion', 'reflow');
    </script>

You commented on neil kanth's post over 5 years

Hi Sarah,

I have a demo here: http://f1ctr.com/f5x/index.html

Thanks.

You commented on Andrey Kondratyuk's post over 5 years

White-space gets introduced below the tabs and above the content.
How can this space be removed?

You commented on Anita Graham's post over 5 years

Foundation 5 doesn't provide any Accordion mixin examples.
What would be comparable to the following F4 example?

.section-auto-sample-accordion {
  @include section-container($section-type:accordion);
  & > section { @include section($section-type:accordion, $title-selector:".title-sample", $content-selector:".content-sample", $title-padding: 10px 50px, $title-color:#000, $title-bg:pink, $title-bg-hover:darken(pink,5%), $title-bg-active: #fff, $title-color-active: darken(pink,10%)); }
}

Thanks in advance

You commented on mario martinez's post over 5 years

Rafi

How is the documentation updated?

I'm using Windows and have the Foundation folder on Drive C

Posts Followed

Following

  • No Content

Followers

  • No Content