Comments for page "Tabs"

Re: Help Needed: adding default tab snippet reverts my site header graphic to default theme graphic

Thu, 05 Mar 2009 12:47:49 +0000

Thanks again for the help. When i have some time, will explore that option. I'm curious too…

Re: Tabs inside the first tab

Thu, 05 Mar 2009 09:00:20 +0000

Sorry,

Nested tabs are not possible!

Tabs inside the first tab

Thu, 05 Mar 2009 00:32:33 +0000

I want to make a tab with multi tabs inside of that one..

Re: Help Needed: adding default tab snippet reverts my site header graphic to default theme graphic

Thu, 12 Feb 2009 07:51:51 +0000

Thanks for the test - it is really the overloading of IE with too much images… one point more to drop IE as soon as possible….(but now this is not possible..).
Question: can you copy the "Phototest" page to another one and try to delete step by step (from the bottom up) some galleries and to have a view where the header-graphics come back in IE?
(find out the limit of "images").

Could be this does not help anyway - because the mistake is to put all images on one page - but it would be interesting where the limits lies…

Re: Help Needed: adding default tab snippet reverts my site header graphic to default theme graphic

Thu, 12 Feb 2009 00:00:23 +0000

Thanks for the reply. I reverted back to the original nav for user experience reasons you mentioned.

However, to test your theory, I put the entire gallery listing on a separate test page without tabs and viewed it in IE 7.0. Result is that the old header graphic appeared so it's not tabs that are the issue, it's a bug native to IE (Chrome worked just fine)

If there is anything you can do, let me know

Re: Help Needed: adding default tab snippet reverts my site header graphic to default theme graphic

Mon, 09 Feb 2009 12:27:24 +0000

Hi!

The question is - is this only occuring with the "long" page comntent with such a mass of pictures?

means - CAN YOU TEST THIS WITHOUT THE GALLERIES in a test page?

The answer of the developer is: this seems to be a IE-bug and is occurring if too much images are to load and the last image (for the header by CSS) is too much for the IE..

If trhis is true - than someone has to inform the MS IE team about his error - or you have to make your page a little "smaller" ( not with such overloading images in ONE GO ( my point 2 in the other post)

Re: Help Needed: adding default tab snippet reverts my site header graphic to default theme graphic

Mon, 09 Feb 2009 10:27:07 +0000

1. This is only happening in IE (7). NOT in Firefox (2)

2. Using Tabs there is a VERY LONG Load time connected - ALL Pictures are loaded in ONE go - the resulting ONE page is only divided by internal anchors…

3. Using links and "pagination" in the old format makes it more usable and user friendly..

4. Using tabs is Author-friendly ( except all visitors habe a very fast connection - line

5. Last - but not least - this is a strange behaviour in IE and I posted this on the bug-tracker system to the developer team (ticket:231 -Tabs changes CSS-Style in IE - this is a privat pro-site)

Hope this helps soon…

Help Needed: adding default tab snippet reverts my site header graphic to default theme graphic

Sun, 08 Feb 2009 17:51:28 +0000

Trying to consolidate a bunch of annual photo gallery pages into a single photo gallery page wtih tabs. I implemented the tab snippet and it works wonderfully but I noticed that it changes the header graphic back to the graphic that came with one of the default wikidot themes.

Original: http://www.119ta.net/2007-photos
New: http://www.119ta.net/photo-gallery

Not sure if adding the snippet is messing with the CSS or not - any help would be greatly appreciated…

Tab Icons

Sat, 07 Feb 2009 07:08:19 +0000

Can't use pictures as the Tab's Header. Inserting [[tab ]] will result in URL displayed instrad of image.

Re: Tab names that change.

Fri, 06 Feb 2009 05:15:51 +0000

Alright then. Thanks anyways for your time.

Re: Tab names that change.

Sun, 01 Feb 2009 18:11:28 +0000

The only tags I know - which changes their "labeling" if they are opened or closed - are the [[collapsible]] and [[/collapsible]] block..

I do not believe that there is a way to do the same with tabs…

Tab names that change.

Sun, 01 Feb 2009 02:09:21 +0000

Is it possible to have tabs that after you click them change their names? Such as a tab that's labeled "OPEN" and then once you select that tab it changes to "CLOSED"? If so how do you do it?

Re: Background Color

Sun, 25 Jan 2009 07:41:41 +0000

Better ask in the Community….

Background Color

Tue, 20 Jan 2009 02:53:36 +0000

I copied the code under the CSS Code for red tabs area for the Red tags. I want to use the tabs example in the In Action area above, but when I copy the code into my CSS, the background area where the text is a blue color. I don't know how to fix this so that it is grey instead of blue. If you need to see what I am talking about, the link is:

http://mutantmush.wikidot.com/template:faction

Any help would be appreciated. Thanks.

Re: Even Tab numbers not showing anything

Sat, 10 Jan 2009 09:16:05 +0000

A link to an example would be helpful!

Re: Editing the tab colour by customising yuitabs.png

Sat, 10 Jan 2009 02:10:39 +0000

thanks so much for this code. My Tabs look so much better now! =D

Even Tab numbers not showing anything

Thu, 25 Dec 2008 05:00:19 +0000

For some reason, only my odd numbered tabs display any data. Tabs 2, 4, 6, etc. show absolutely nothing. I tested the same exact code in each tab, yet every time only the odd tabs display anything.

Any help would be greatly appreciated.

Thanks

(no title)

Mon, 15 Dec 2008 02:11:06 +0000

Playing with the css, I can change most of the colors to match my theme without having to use links to imgs, but for some reason the actual text area is white, so the borders and buttons match but then that stands out against my color scheme. Is there some kind of css code to actually change the background color of that text area?

I'm trying to make it seem like its a seamless piece of my wiki. So they flip the tabs and the background is the same as the actual web page, so basically I'm killing all borders except for the top one and the buttons.

Sorry if that sounds confusing.

nevermind, found the info I needed on another thread

New to Wikidot...additional tabs?

Fri, 12 Dec 2008 15:51:27 +0000

I was able to cut and paste the code for the blue tabs into my site. What do I need to do to add more than 3 tabs?

I found my syntax error.

STILL Tab Field Problem

Sun, 07 Sep 2008 18:57:42 +0000

As mentioned above in the "Width and Div" and "Re: Width and Div" comments, the tab fields need to have a size parameter, since div boxes end up outside the tab field. It looks a real mess otherwise. If there were at least a way to indent or put a blank space between the end of the tab field and the div box. Is there a way to do so using wiki syntax?

Note that in the following, this div box code was used. You can fidget with it to fit your preferences. Note that width has to be a certain minimum in order for workaround 1 to work. I have found that width:97.7% or width:855px make the white areas around the div box nice and even. The width:97.7% might allow some adaptation, while width:855px is constant :

 [[div style="float:left; width:97.7%; height:600px; text-align: left; top:100px; overflow:auto; padding: 10px;"]] Insert text, images, tables, etc. here. [[/div]]

SO FAR I HAVE FOUND 3 WORKAROUNDS:
1. Put symbols or some text after the /div but before the /tab, thus placing the div box within the tab field. HORIZONTAL LINE WILL NOT WORK.

2. Put a space and an underscore _ (WITH NO SPACES AFTER THE UNDERSCORE) to form a new blank line after the /div but before the /tab , BUT this just expands the tab field from the top down, so you have to keep adding blank lines until it matches the size of the div box. Make sure to press Enter/Return after the last underscore or it'll be visible. Kinda simple and crude coding, BUT IT WORKS! Might cause problems when using different-sized div boxes…MAYBE.

3. Put the div box code around the tab code (before and after), as mentioned in the "Re: Width and Div" comment above. Unfortunately, if you have the parameter overflow:auto; in the "div style" parameters, THUS ADDING SCROLL BARS to the div box, the tabs will scroll along with whatever you have in the div box, and thus out of view. Not nice in this case.