Menu icon Foundation

Designer

My Posts





My Comments

Sean M. Kimball commented on Sean M. Kimball's post 3 days

I finally gave up and just loaded all my scripts individually - too much effort to get it all working in app.js - no actual work getting done.  

Sean M. Kimball commented on Sean M. Kimball's post 7 days

you can install it using the same process as above 
npm install owl.carousel --save / --save-dev
and add the to app.js
import src from 'owl.carousel'; // seems like 'import dist' also works
but I still get the same type of errors as when trying to install flowplayer.  Not sure if I am pointing at the right import directory or if there is a conflict or if there are unresolved dependencies...  though npm is supposed to install all dependencies when you install the package. 
If you can solve that little proble, you probably solved mine too! 

Sean M. Kimball commented on Sean M. Kimball's post 7 days

I did get this to work finally.... 
npm install slick-carousel --save // we switched to slick carousel
then in my app.js:
import slick from 'slick-carousel';
Now I am trying to get flowplayer installed the same way - it's there and compiled into the app.js.  but I just get errors: 
Uncaught TypeError: Cannot read property 'bean' of undefined
Not sure what this is all about - a dependency error? how do I resolve it? 
 

Sean M. Kimball commented on Christian Magill's post 15 days

This is just what I needed for a project - though now have come into significant issues. 
I am using 3 slick sliders in a series of tabs - had some trouble with that but finally managed to figure out I had to initialize slick on each container as it's tab was clicked.  Worked great - this is the code I was using: 
 
$('[data-tabs]').on('change.zf.tabs', function(event, tab) {
var slickInitTarget = '.'+$(tab).attr('data-tab-target');
$(slickInitTarget).slick({
dots: true,
infinite: true,
slidesToShow: 3,
slidesToScroll: 3
});
});
 
I changed the data-tabs to data-responsive-accordion-tabs but could not find any events for the new responsive-accordion-tabs container type.   are there any events?  It appears the tabs/buttons get switched from 'accordion-item' to 'tabs-title' when the screen resizes. I need to catch the click event on either one... 

Sean M. Kimball commented on Sean M. Kimball's post 16 days

Foundation 6.4.1

Sean M. Kimball commented on Sean M. Kimball's post over 1 year
Sean M. Kimball commented on Sean M. Kimball's post over 1 year

the downloaded template seems to have fixed the issue, thanks.

Sean M. Kimball commented on Sean M. Kimball's post over 1 year

That link doesn't appear to have anything to do with the Javascript compiling just panini issues - nor could I find a link to a new gulp file.

What exactly did you do to get your Javascript compiling faithfully?

Sean M. Kimball commented on Sean M. Kimball's post over 1 year

I see. [irritating] so now, I have the issue where I'm trying to target just the one dropdown...

 $('.mega-submenu-login').on("show.zf.dropdownmenu", function(ev, $el) {
  console.log("dropdown menu show "+ev.target.id+" / "+$el.attr('id'));
});

does not work, shouldn't I be able to target just the container the data attribute is on??

Sean M. Kimball commented on Sean M. Kimball's post over 1 year

Thanks.... where did you eke that little bit out? I look at the docs for the events and they are:

 show.zf.dropdown menus  Fires when the new dropdown pane is visible.
hide.zf.dropdown menus  Fires when the open menus are closed.

a) what's with the space before menus
b) you have show.zf.dropdownmenu, I guessed show.zf.dropdownmenus at one point.

[but that is working for me now - thanks]

Posts Followed


Following

    No Content

Followers

My Posts

My Comments

You commented on Sean M. Kimball's post 3 days

I finally gave up and just loaded all my scripts individually - too much effort to get it all working in app.js - no actual work getting done.  

You commented on Sean M. Kimball's post 7 days

you can install it using the same process as above 
npm install owl.carousel --save / --save-dev
and add the to app.js
import src from 'owl.carousel'; // seems like 'import dist' also works
but I still get the same type of errors as when trying to install flowplayer.  Not sure if I am pointing at the right import directory or if there is a conflict or if there are unresolved dependencies...  though npm is supposed to install all dependencies when you install the package. 
If you can solve that little proble, you probably solved mine too! 

You commented on Sean M. Kimball's post 7 days

I did get this to work finally.... 
npm install slick-carousel --save // we switched to slick carousel
then in my app.js:
import slick from 'slick-carousel';
Now I am trying to get flowplayer installed the same way - it's there and compiled into the app.js.  but I just get errors: 
Uncaught TypeError: Cannot read property 'bean' of undefined
Not sure what this is all about - a dependency error? how do I resolve it? 
 

You commented on Christian Magill's post 15 days

This is just what I needed for a project - though now have come into significant issues. 
I am using 3 slick sliders in a series of tabs - had some trouble with that but finally managed to figure out I had to initialize slick on each container as it's tab was clicked.  Worked great - this is the code I was using: 
 
$('[data-tabs]').on('change.zf.tabs', function(event, tab) {
var slickInitTarget = '.'+$(tab).attr('data-tab-target');
$(slickInitTarget).slick({
dots: true,
infinite: true,
slidesToShow: 3,
slidesToScroll: 3
});
});
 
I changed the data-tabs to data-responsive-accordion-tabs but could not find any events for the new responsive-accordion-tabs container type.   are there any events?  It appears the tabs/buttons get switched from 'accordion-item' to 'tabs-title' when the screen resizes. I need to catch the click event on either one... 

You commented on Sean M. Kimball's post 16 days

Foundation 6.4.1

You commented on Sean M. Kimball's post over 1 year
You commented on Sean M. Kimball's post over 1 year

the downloaded template seems to have fixed the issue, thanks.

You commented on Sean M. Kimball's post over 1 year

That link doesn't appear to have anything to do with the Javascript compiling just panini issues - nor could I find a link to a new gulp file.

What exactly did you do to get your Javascript compiling faithfully?

You commented on Sean M. Kimball's post over 1 year

I see. [irritating] so now, I have the issue where I'm trying to target just the one dropdown...

 $('.mega-submenu-login').on("show.zf.dropdownmenu", function(ev, $el) {
  console.log("dropdown menu show "+ev.target.id+" / "+$el.attr('id'));
});

does not work, shouldn't I be able to target just the container the data attribute is on??

You commented on Sean M. Kimball's post over 1 year

Thanks.... where did you eke that little bit out? I look at the docs for the events and they are:

 show.zf.dropdown menus  Fires when the new dropdown pane is visible.
hide.zf.dropdown menus  Fires when the open menus are closed.

a) what's with the space before menus
b) you have show.zf.dropdownmenu, I guessed show.zf.dropdownmenus at one point.

[but that is working for me now - thanks]

Posts Followed

Following

  • No Content

Followers

  • No Content