Menu icon Foundation

Developer | Indianapolis, IN

My Posts

  • 8
    Replies
  • Tabs content panel hidden

    By Shawn Jones

    tabs

    My tabs were working yesterday. Today they aren't. Isn't showing the active tabs content. Both tabs are hidden on page load. I don't think I added anything else to the site that would have interfered with them. I am getting no errors.  Can anyone se... (continued)

    Last Reply by Shawn Jones 11 months ago


  • 4
    Replies
  • External Stylesheet SASS

    By Shawn Jones

    Sass

    I am back on Foundation 5.3.2. I am trying to add a stylesheet that compiles separately from the app.css file. What do I need to put in my custom.scss file to be able to use the media queries in it (@media #{$small-only})?   Thanks!

    Last Reply by Jackkevin 5 months ago


  • 1
    Reply
  • Accordion arrows

    By Shawn Jones

    accordions

    Is there a data-option to turn off or on accordion arrows? I know I can change it globally in the _settings.scss file. I know can also override it in my scss. It would be nice if I could add data-accordion-arrows="false" to the accordion itself.

    Last Reply by Daren Barry about 1 year ago


  • 5
    Replies
  • Nested Dropdown Menus

    By Shawn Jones

    dropdown menu

    I am using nested menus in a dropdown menu. I want my level 3 menu to appear right under its parent, not as a flyout menu. In the screenshot below, Facilities is the parent of the level 3 menu. Screenshot: https://www.dropbox.com/s/9cs0cb5qwlr4tnu/S... (continued)

    Last Reply by Shawn Jones about 1 year ago



  • 1
    Reply
  • Reflow for Tabs

    By Shawn Jones

    tabs

    Is reflow not available for tabs in F6 for sites? I was reworking some tabs code from F6 and need to reinitialize the tabs after data has been loaded into them.

    Last Reply by Shawn Jones about 2 years ago


  • 2
    Replies
  • Jquery UI Accordion in Tabs

    By Shawn Jones

    accordionstabs

    I am trying to use Jquery UI Accordions in F5 Tabs. I am having the issue of only the accordion loaded in the active tab is working. When I switch to another tab, the respective accordion does not work. I have tried using reflow for tabs, but can't get... (continued)

    Last Reply by Shawn Jones over 2 years ago



  • 1
    Reply
  • Dropdown Bottom Left

    By Shawn Jones

    dropdowns

    How can I get a dropdown to drop down to the bottom left? I saw this post, but it didn't help: http://foundation.zurb.com/forum/posts/23671-left-align-dropdowns Here is what is happening: https://www.dropbox.com/s/roqb527qwpjl8d9/Screenshot%202015... (continued)

    Last Reply by Shawn Jones almost 3 years ago


  • 2
    Replies
  • Dropdown PIP

    By Shawn Jones

    dropdown

    What is the best way to disable a PIP for a dropdown? Just curious. Usually I go in and override the styles and give it 0 for the border and some other styles. Seems like there should be an easy true/false to show it. Maybe I am missing something? Thanks!

    Last Reply by Shawn Jones about 3 years ago


My Comments

Shawn Jones commented on Shawn Jones's post 11 months

I got it. It was a nasty caching issue in my cms. Thanks Rafi.

Shawn Jones commented on Shawn Jones's post 11 months

You can see in this screenshot that the tab panel has .is-active.
https://www.dropbox.com/s/ynzaviupxt1h8lx/Screenshot%202017-07-20%2020.48.50.png?dl=0

Shawn Jones commented on Shawn Jones's post 11 months

Not that I can find. It loads that compiled from my sass. I assume from tabs.scss or something like that. Something is causing the tab not to activate.
 
I can't figure it out, it works on my local machine, but not the live site.

Shawn Jones commented on Shawn Jones's post 11 months

Not sure where that exclamation point came from...
http://wwwdev.twmschool.org/discover/school-profile

Shawn Jones commented on Shawn Jones's post 11 months

This is happening again and recompiling is not fixing the problem. The tabs-panel is set to diplay:none on the active panel. Any idea what could be causing this? No errors in Developer Tools.
 
Screenshot:
https://www.dropbox.com/s/ffertnsy908trd5/Screenshot%202017-07-17%2015.58.19.png?dl=0
 
Page:
http://wwwdev.twmschool.org/discover/school-profile!
 
Thanks

Shawn Jones commented on Shawn Jones's post 11 months

Nevermind. I recompiled my SASS and it fixed everything.

Shawn Jones commented on Shawn Jones's post about 1 year

I figured out a way around it. I had to make that ul display:
ul ul ul.is-dropdown-submenu {
position: relative;
right: auto!important;
left: auto;
display: block!important;

Shawn Jones commented on Shawn Jones's post about 1 year

I am just doing the html right now for the menu. It will eventually be a ModX site, so the menu will be generated from there. (Not my choice of CMS :) But, I have total control on the code that is generated from that.
There has to be a class or something that hides that ul. I think JS is what makes it visible. I was just hoping there might be a parameter somewhere I could add. I will keep looking.
If I can't figure it out, I will try your solution. Or maybe I will talk my designer in changing her mind about the way it looks...

Shawn Jones commented on Shawn Jones's post about 1 year

Thanks for your response Ryan. No need for a mega menu. There are only a few level 3 menu items in the whole system. In fact, my screenshot may be the only one. I don't want them to appear on hover, I want them to be there all the time. So I need a way to override the flyout part. 

Shawn Jones commented on Shawn Jones's post over 1 year

Any more ideas on this? I really want the tootltips to be wider.

Posts Followed

  • 1
    Reply
  • Reflow for Tabs

    By Shawn Jones

    tabs

    Is reflow not available for tabs in F6 for sites? I was reworking some tabs code from F6 and need to reinitialize the tabs after data has been loaded into them.

    Last Reply by Shawn Jones about 2 years ago



  • NEW
  • Dropdown Bottom Left

    By Shawn Jones

    I can't seem to get my dropdown to drop down bottom and to the left. I saw this post: http://foundation.zurb.com/forum/posts/23671-left-align-dropdowns But, it didn't help me. The attached image is what it is doing now when it is align:bottom. ... (continued)



Following

    No Content

Followers

My Posts











My Comments

You commented on Shawn Jones's post 11 months

I got it. It was a nasty caching issue in my cms. Thanks Rafi.

You commented on Shawn Jones's post 11 months

You can see in this screenshot that the tab panel has .is-active.
https://www.dropbox.com/s/ynzaviupxt1h8lx/Screenshot%202017-07-20%2020.48.50.png?dl=0

You commented on Shawn Jones's post 11 months

Not that I can find. It loads that compiled from my sass. I assume from tabs.scss or something like that. Something is causing the tab not to activate.
 
I can't figure it out, it works on my local machine, but not the live site.

You commented on Shawn Jones's post 11 months

Not sure where that exclamation point came from...
http://wwwdev.twmschool.org/discover/school-profile

You commented on Shawn Jones's post 11 months

This is happening again and recompiling is not fixing the problem. The tabs-panel is set to diplay:none on the active panel. Any idea what could be causing this? No errors in Developer Tools.
 
Screenshot:
https://www.dropbox.com/s/ffertnsy908trd5/Screenshot%202017-07-17%2015.58.19.png?dl=0
 
Page:
http://wwwdev.twmschool.org/discover/school-profile!
 
Thanks

You commented on Shawn Jones's post 11 months

Nevermind. I recompiled my SASS and it fixed everything.

You commented on Shawn Jones's post about 1 year

I figured out a way around it. I had to make that ul display:
ul ul ul.is-dropdown-submenu {
position: relative;
right: auto!important;
left: auto;
display: block!important;

You commented on Shawn Jones's post about 1 year

I am just doing the html right now for the menu. It will eventually be a ModX site, so the menu will be generated from there. (Not my choice of CMS :) But, I have total control on the code that is generated from that.
There has to be a class or something that hides that ul. I think JS is what makes it visible. I was just hoping there might be a parameter somewhere I could add. I will keep looking.
If I can't figure it out, I will try your solution. Or maybe I will talk my designer in changing her mind about the way it looks...

You commented on Shawn Jones's post about 1 year

Thanks for your response Ryan. No need for a mega menu. There are only a few level 3 menu items in the whole system. In fact, my screenshot may be the only one. I don't want them to appear on hover, I want them to be there all the time. So I need a way to override the flyout part. 

You commented on Shawn Jones's post over 1 year

Any more ideas on this? I really want the tootltips to be wider.

Posts Followed




Following

  • No Content

Followers

  • No Content