Menu icon Foundation

Engineer | Bangalore, India

My Posts



  • 5
    Replies
  • Orbit + Clearing

    By Asif

    feature requestOrbitclearing

    Hi, I would like to make a feature request to include Clearing in Orbit. Out of the box when I tried this, the thumbnails in Clearing were not working as expected and on closing clearing the orbit slider was not working on the page. there must be someth... (continued)

    Last Reply by deepti about 4 years ago








My Comments

Asif commented on Pete Clark's post almost 5 years

I'm sorry I did not understand your issue earlier, now I get it.

I'm not sure if push pull would work with a 12-column block, you could try using visibility classes and show and hide blocks for small and large accordingly.

Asif commented on akshay takkar's post almost 5 years

Akshay,

I dont think your usecase for loading tabs and accordions for large and small respectively is the right use case to use interchange, merely hiding and showing the appropriate blocks using visibility classes would be simpler.
but still if you want to go the interchange route, try using "$(document).foundation('reflow');" in your javascript after the interchange content is loaded. that would re-initiate foundation. the deal is that interchange fetches the elements after the page is loaded and foundation would have already initialized on DOM, when the new content is loaded onto the page foundation needs to be reinitialized for all the javascript components to work.

hope this helps

Asif commented on Pete Clark's post almost 5 years

try using class .right on element 3, this will float the block to the right.

Asif commented on Ben Wain's post almost 5 years

I assume you are using the top bar for your menu.
If you have too many 1st level menu items then you should consider using off canvas, or if you are having an issue on medium screens then why dont you adjust the top bar to get the mobile menu for medium screens where you get the hamburger icon on medium screens and open up the menu on clicking the hamburger icon.

Asif commented on Victor Cabieles's post almost 5 years

did you try using the "sticky" class as mentioned in the documentation for top bar?

here is the part from the documentation :
```
Sticky Top Bar

You may also wrap your top bar in div class="sticky" and put it anywhere within your markup.
```

Asif commented on akshay takkar's post almost 5 years

You dont need to use interchange for that. you can use foundation's visibility classes to show and hide for small, medium and large screens

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

you can use the visibility classes in the container for tabs and accordions such as :

visible-for-medium-up

and

visible-for-small-only

Let me know if this helps

Asif commented on Joel Rodrigues's post almost 5 years

Joel,

Did you check out the templates section which gives you a good starting point for common layouts, you

http://foundation.zurb.com/templates.html

-Asif

Asif commented on Kevin RAy's post almost 5 years

in the HTML you have "videos" where as in the CSS you have "video", was it that or was this a type while you were posting on the forum?

Asif commented on Riccardo Perello's post almost 5 years

Riccardo

I dont see any class such as .show-for-small and .hide-for-small

use the visibility classes as:

show-for-small-only

and

hide-for-small-only

for more information look into the following page on visibility classes

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

let me know if this helps

Asif commented on Cain's post almost 5 years

Cain,
Rafi has given you great links to get started and I feel that the documentation is good. I admit there might be areas where it needs improvement but Zurb's Team is working really hard to make it better with every release. I personally feel that the documentation is very satisfactory and useful.

There is a learning curve involved with every new technology and new framework, and that is expected with foundation as well, and with foundation the learning curve is not a big one. you could easily go through the documentation in a few hours, and with testing and playing around you should get a hang of it in a couple of days.

I suggest you go through the links provided by Rafi and spend some time understanding foundation, I think the documentation is concise enough to help understand, and in case you still have issues, we have a great community here who would definitely help you out.

if you still find issues with foundation, I think you better stick with bootstrap, which is also a great framework and I see that you are already comfortable with it.

Cheers,
Asif

Posts Followed





  • 14
    Replies
  • Orbit paused on load

    By Shawn Jones

    Orbit

    I have used Orbit several times and have not had this problem. This is the first time I have used v5.1.1. It seems that when orbit is loaded, it is paused and will not auto-play. I have tried timer:false and pause_on_hover:false among other things, but no... (continued)

    Last Reply by Brian Feeley over 5 years ago







Following

Followers

My Posts

My Comments

You commented on Pete Clark's post almost 5 years

I'm sorry I did not understand your issue earlier, now I get it.

I'm not sure if push pull would work with a 12-column block, you could try using visibility classes and show and hide blocks for small and large accordingly.

You commented on akshay takkar's post almost 5 years

Akshay,

I dont think your usecase for loading tabs and accordions for large and small respectively is the right use case to use interchange, merely hiding and showing the appropriate blocks using visibility classes would be simpler.
but still if you want to go the interchange route, try using "$(document).foundation('reflow');" in your javascript after the interchange content is loaded. that would re-initiate foundation. the deal is that interchange fetches the elements after the page is loaded and foundation would have already initialized on DOM, when the new content is loaded onto the page foundation needs to be reinitialized for all the javascript components to work.

hope this helps

You commented on Pete Clark's post almost 5 years

try using class .right on element 3, this will float the block to the right.

You commented on Ben Wain's post almost 5 years

I assume you are using the top bar for your menu.
If you have too many 1st level menu items then you should consider using off canvas, or if you are having an issue on medium screens then why dont you adjust the top bar to get the mobile menu for medium screens where you get the hamburger icon on medium screens and open up the menu on clicking the hamburger icon.

You commented on Victor Cabieles's post almost 5 years

did you try using the "sticky" class as mentioned in the documentation for top bar?

here is the part from the documentation :
```
Sticky Top Bar

You may also wrap your top bar in div class="sticky" and put it anywhere within your markup.
```

You commented on akshay takkar's post almost 5 years

You dont need to use interchange for that. you can use foundation's visibility classes to show and hide for small, medium and large screens

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

you can use the visibility classes in the container for tabs and accordions such as :

visible-for-medium-up

and

visible-for-small-only

Let me know if this helps

You commented on Joel Rodrigues's post almost 5 years

Joel,

Did you check out the templates section which gives you a good starting point for common layouts, you

http://foundation.zurb.com/templates.html

-Asif

You commented on Kevin RAy's post almost 5 years

in the HTML you have "videos" where as in the CSS you have "video", was it that or was this a type while you were posting on the forum?

You commented on Riccardo Perello's post almost 5 years

Riccardo

I dont see any class such as .show-for-small and .hide-for-small

use the visibility classes as:

show-for-small-only

and

hide-for-small-only

for more information look into the following page on visibility classes

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

let me know if this helps

You commented on Cain's post almost 5 years

Cain,
Rafi has given you great links to get started and I feel that the documentation is good. I admit there might be areas where it needs improvement but Zurb's Team is working really hard to make it better with every release. I personally feel that the documentation is very satisfactory and useful.

There is a learning curve involved with every new technology and new framework, and that is expected with foundation as well, and with foundation the learning curve is not a big one. you could easily go through the documentation in a few hours, and with testing and playing around you should get a hang of it in a couple of days.

I suggest you go through the links provided by Rafi and spend some time understanding foundation, I think the documentation is concise enough to help understand, and in case you still have issues, we have a great community here who would definitely help you out.

if you still find issues with foundation, I think you better stick with bootstrap, which is also a great framework and I see that you are already comfortable with it.

Cheers,
Asif

Posts Followed

Following

Followers

  • No Content