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 about 1 year 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 8 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 over 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 over 1 year 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 about 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 over 3 years ago


My Comments

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

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

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

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 about 1 year

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 about 1 year

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

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

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 about 1 year

Nevermind. I recompiled my SASS and it fixed everything.

Shawn Jones commented on Shawn Jones's post over 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 over 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 over 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 almost 2 years

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

Posts Followed



  • 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 about 1 year

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

You commented on Shawn Jones's post about 1 year

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 about 1 year

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 about 1 year

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

You commented on Shawn Jones's post about 1 year

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 about 1 year

Nevermind. I recompiled my SASS and it fixed everything.

You commented on Shawn Jones's post over 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 over 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 over 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 almost 2 years

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

Posts Followed




Following

  • No Content

Followers

  • No Content