Skip navigation
InstantCJ
Currently Being Moderated

Is it possible to overlap pullout tabs?

Jul 2, 2012 7:39 AM

Tags: #frames #scrollable #tabs #pullout

Has anyone been able to overlap pull out tabs? I have a layout that contains 5 tabs that pull down from the top of the screen, each tab has an area that is the full width (768px). Because the first tab stretches the width of the screen, it appears to block the other tabs, preventing them from being pulled down. I've tried cropping the container frame around the other tabs but that doesn't seem to work.

 

Has anyone found a workaround to this? Screenshot attached to illustrate my issue.

 

Thanks,

Christopher

 

by default 2012-07-02 at 10.36.40 AM.png

 
Replies
  • Currently Being Moderated
    Jul 2, 2012 7:43 AM   in reply to InstantCJ

    That’s not going to work. Only one tab can be on top and that’s the one that will work.

     

     

     

    Try an MSO.

     

     

     

    Bob

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 2, 2012 8:51 AM   in reply to InstantCJ

    Could you not stagger them? so that the far left tab has full width, the one in from that has slightly less and so on so forth, so the user can still pull the tabs down?

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 2, 2012 9:01 AM   in reply to tim.hughes

    Screen shot 2012-07-02 at 16.59.41.png

    Screen shot 2012-07-02 at 16.59.51.png

    Screen shot 2012-07-02 at 16.59.54.png

    I do apologise for the Appauling design!

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 2, 2012 9:19 AM   in reply to InstantCJ

    Ahh - I did think of the problems my idea might create for the pre existing content!

     

    Hmm, there will be a workaround - Just have to get our thinking heads on!

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 2, 2012 9:19 AM   in reply to InstantCJ

    It's a great looking page by the way! (Yours that is!!)

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 2, 2012 10:28 AM   in reply to InstantCJ

    From your description I would go with an MSO.

     

     

     

    Bob

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 3, 2012 3:13 AM   in reply to Bob Levine

    I think you better try with an MSo, as Bob said, just make the text appear when you click on a fish, making butons.

    Hope it helps, Angel.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 3, 2012 3:55 AM   in reply to Bretemaches

    I think from this thread we all know what would be the best option. It might be the best - but It's not what the original poster wanted to do

     

    Think outside the box guys and try something new.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 3, 2012 5:13 AM   in reply to tim.hughes

    If you manage to do the job with four tabs it can be put on every side of the screen:top, down, left and right. Sorry, but for the moment no solution for the five tabs.

    Angel.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 3, 2012 6:07 AM   in reply to Bretemaches

    That is not going to work either. The frames will stil overlap.

     

    Bob

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 3, 2012 9:15 AM   in reply to Bob Levine

    Yes Bob, you´re right as usual .

    I´m trying different things but nothing seems to works, just ended withthe same result Tiim says in the 4 reply, but i´m not giving in, there is always a way to do the things, i´ll keep trying when i have enought time (always a problem).

    Angel.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 3, 2012 10:18 AM   in reply to Bretemaches

    You could try an HTML article.

     

     

     

    Bob

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 4, 2012 3:33 AM   in reply to Bob Levine

    Does edge have the capabilities to drag objects? that would be a great place to start!

     
    |
    Mark as:
  • Bob Bringhurst
    3,436 posts
    May 29, 2007
    Currently Being Moderated
    Jul 5, 2012 3:34 PM   in reply to tim.hughes

    The May issue of Appliness (free) includes a drag and drop jquery example with a link for downloading the source code.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 5, 2012 4:24 PM   in reply to Bob Bringhurst

    Cheers Bob - will check it out!

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 14, 2013 7:54 AM   in reply to InstantCJ

    I'm also having this issue but don't want to solve it with an MSO. Any new workarounds anyone knows about? Thanks

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 14, 2013 8:08 AM   in reply to aleksdawson

    No.

     

    Bob

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 7, 2013 12:36 PM   in reply to InstantCJ

    So, in using an MSO, the content would "appear" instead of drag out, yes?  There is no way to have it look like it is being pulled out without it actually being a pull-out tab/scrolling frame, is there?  I know that seems silly, but if I could even achieve the look of pull-out tabs, I would be happy

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 7, 2013 12:50 PM   in reply to InstantCJ

    I agree.   I am trying to see if the layout will adjust to have the tabs still stacked, but now just have each tab pull out and then have a vertical scrolling frame so the user can view the full content, but not sure how it will fly to have them pull and then scroll. 

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points