Tabs transitions

If you add a div and create 3 classes… it should fix everything… without a hack.

As for the header…

I didn’t review the code in detail… it’s just something that caught my eye when I was trying to find the vendor page.

That’s a huge site… you did a nice job. Especially considering the size of the site.

Were those subclasses or H1 Headers. They looked like H1 headers.

If they are… click this link:

http://tinyurl.com/mmxbobw

See what Google says about h1 tags.

Some people will says it’s ok. Some will say it’s not.

I prefer to listen to Google.

On a side note… we are also an seo / sem company… I’m google and bing certified… so just trying to help you out a little.

and again - I didn’t review your code in detail… so I might be wrong. I was more concentrated on the tab issue.

So I tried what you did and it negated the whole point of this, which was to get it to grow vertically. Now it just appears as if there was no interaction.

I agree… it does appear to be a bug.

I agree…

I used the demo jorn provided and was able to create the same issue.

You can (somewhat) fix it the issue - by making the container scrollable

  • which I don’t think you want.

See video 1:
http://quick.as/xpwask7d

Also, you could expand the container to greater than 100%

  • which I don’t think you want either.

See video 2:
http://quick.as/6Y5kheaZ

I give up… 3 hours to get to this point… and I couldn’t find an acceptable fix :frowning:

Fixed it!! Look at my links again. I noticed in the published code, that even though I set the height to 100%, the generated code was 100px. In interactions I set the height to auto instead and now the full content i shown.

WOHOO!! Thank you so much! It works, why didn’t I think of that? I have a support email going with them to fix the px issue but I’m glad this works. Thanks Revolution for your hours of work, I’m glad we found a solution eventually.

Okay, more of a new issue now. Is there anyway to have a second click on a tab close that tab? Also anyway to trigger the closing of any other open tabs in other tab elements when one opens. Like if i have rows of tabs and a tab is open in row one, opening one on row 3 will close the one on row 1.

Vincent, can you explain more about the sibling workflow? Turns out I need to use interactions instead due to the tabs component not loading in order on mobile. I want to know of an easy way to close any open elements easily when a new element is triggered to open.

Is this accordian functionality your asking for? It’s been asked before and there’s no easy solution for that I’m afraid. I was trying to that with navbar and drop downs in my example site I posted here.

Well the tabs worked great until I realized that on mobile, the tab headers load in a row, with the content below all of them. I need each tab to trigger the content direclty below it. I can do this with interactions and simply copy the entire implementation and reorder on mobile and hide on the other media queries. The only thing I’m hoping to find is a simple way to have the interactions close all other open tabs when opened.

Accordion: Is this what you are looking at? : Sign in to your account

I created it using dropdown widget. Adjust the dropdown list postioning to relative. Thats all. It will shift the dropdown list below downwards.

Yeah using dropdowns seriously limits customizability and definitely will not work for my needs. Thanks though!