Menu icon Foundation

My Posts

  • 4
    Replies
  • Accordion problem

    By jstubbs

    accordion

    Having a small issue with the accordion element and can't seem to fix it (Foundation 5.x). On the following page the accordion element mostly works fine (scroll down the page until you reach "Kostnader", "Laerer" and "Elevatealelser"). http://solborg.f... (continued)

    Last Reply by jstubbs almost 4 years ago


My Comments

jstubbs commented on E. Smythe's post almost 4 years

Can also copy the _settings.scss file, then rename it to say _custom.scss. Then go to app.scss and change "@import 'settings';" to "@import 'custom';" so that any customisations are carried forward when Foundation is updated.

jstubbs commented on Jack Sewell's post almost 4 years

Have you tried rows and columns yet in Foundation? See the docs for the grid:

http://foundation.zurb.com/docs/components/grid.html

And the block grid option may be helpful for you:

http://foundation.zurb.com/docs/components/block_grid.html

Otherwise would be more helpful if you post your code example..

jstubbs commented on jstubbs's post almost 4 years

Hi Ian,

Thanks for checking and for the reply. I figured out as much, but I'm wondering if this is the default/normal behaviour? Shouldn't the tabs open/close from the position of the anchor link panel div, in my case something like #panel1025?

<a href="#panel1025" class="text-center">Kostnader</a>
<div id="panel1025" class="content">

Maybe I'm just misunderstanding how its supposed to work..

jstubbs commented on jstubbs's post almost 4 years

OK I've figured out that the accordion is being thrown off by the contents of Kostnader - if I remove most of the content of that list item then the accordion behaves correctly, so it does seem that the amount of text is throwing it off.

I've checked accordion.js but don't see anything that might be setting the height of each item, although admitedly I don't really know javascript ;)

Hope someone might be able to take a look and see if its a bug or not...

jstubbs commented on Jesse B's post almost 4 years

Hi Jesse B, quite a nice writeup on relative and absolute paths here:
http://www.coffeecup.com/help/articles/absolute-vs-relative-pathslinks/

jstubbs commented on jstubbs's post almost 4 years

Foundation 5.5.3 version. Am I missing something regarding the default behaviour of the accordion element?

Clicking on either Laerer or Elevuttalelser after first clicking on Kostnader cause the page to scroll down...

Posts Followed



  • 5
    Replies
  • Hero Image using local images

    By Jesse B

    heroimagelocal

    Hey guys, I just started designing my webpage for the first time, so I'm a complete noob. I wanted to add this one to my page: http://zurb.com/building-blocks/hero-image-with-text-and-image. So far so good, it got it working. Now I want to replac... (continued)

    Last Reply by James Stone almost 4 years ago


Following

    No Content

Followers

My Posts


My Comments

You commented on E. Smythe's post almost 4 years

Can also copy the _settings.scss file, then rename it to say _custom.scss. Then go to app.scss and change "@import 'settings';" to "@import 'custom';" so that any customisations are carried forward when Foundation is updated.

You commented on Jack Sewell's post almost 4 years

Have you tried rows and columns yet in Foundation? See the docs for the grid:

http://foundation.zurb.com/docs/components/grid.html

And the block grid option may be helpful for you:

http://foundation.zurb.com/docs/components/block_grid.html

Otherwise would be more helpful if you post your code example..

You commented on jstubbs's post almost 4 years

Hi Ian,

Thanks for checking and for the reply. I figured out as much, but I'm wondering if this is the default/normal behaviour? Shouldn't the tabs open/close from the position of the anchor link panel div, in my case something like #panel1025?

<a href="#panel1025" class="text-center">Kostnader</a>
<div id="panel1025" class="content">

Maybe I'm just misunderstanding how its supposed to work..

You commented on jstubbs's post almost 4 years

OK I've figured out that the accordion is being thrown off by the contents of Kostnader - if I remove most of the content of that list item then the accordion behaves correctly, so it does seem that the amount of text is throwing it off.

I've checked accordion.js but don't see anything that might be setting the height of each item, although admitedly I don't really know javascript ;)

Hope someone might be able to take a look and see if its a bug or not...

You commented on Jesse B's post almost 4 years

Hi Jesse B, quite a nice writeup on relative and absolute paths here:
http://www.coffeecup.com/help/articles/absolute-vs-relative-pathslinks/

You commented on jstubbs's post almost 4 years

Foundation 5.5.3 version. Am I missing something regarding the default behaviour of the accordion element?

Clicking on either Laerer or Elevuttalelser after first clicking on Kostnader cause the page to scroll down...

Posts Followed



Following

  • No Content

Followers

  • No Content