3 boxes at top of forum

[Former Member]

Thank you! Before I do that, how can I make it just 1? You seem to have two of those tabbed containers

[Tumbleweed]

Jul 19, 2017 5:31:13 GMT -8 @tumbler said:

Thank you! Before I do that, how can I make it just 1? You seem to have two of those tabbed containers

The coding I gave you is for just one tabbed table. I have two on the test site because it was a request from someone else. So have no fears of sticking it on your site.

[Former Member]

ah, thank you! Another question: Where do I put the code?

[Tumbleweed]

Jul 19, 2017 9:44:55 GMT -8 @tumbler said:

ah, thank you! Another question: Where do I put the code?

ou can put it anywhere really. The forum template, the global, main or a board header but I was assuming this would take the place of the three box code I gave you so where ever you put that, just replace with this.

[Former Member]

I put it as a plugin (replaced it with the three box code), but it still doesn't seem to work? The container is missing

[Tumbleweed]

Jul 20, 2017 4:25:56 GMT -8 @tumbler said:

I put it as a plugin (replaced it with the three box code), but it still doesn't seem to work? The container is missing

I think you meant you replaced the three box code with the tabbed table but anyway, I just made it a plugin on this test site and it works fine. I did move the style part to my style sheet rather in a components css box in the plugin so it would pick up the forum colors but you could put it in the css components box (without the style tags) but you'd need to edit all the colors.

You sure you copied the whole html part?  Or maybe it doesn't appear to be showing because the content is the same color as your background?

Oh, and the little script part that is below the html part in my other post can go in the javascript components box but without the script tags or you can put it with the script tags below the html in the global or main header component part.

It should work just fine so not sure where you went wrong. Do you have it on a test site or your regular site where I can have a look?

[Former Member]

Never mind, got it working! Love it! Question: How can I adjust the size of the tabs? Can't seem to figure out how

[Former Member]

I am also wondering how to, when the container gets too big, to add a vertical scroll bar on the right?

[Tumbleweed]

For the tabs, you can actually add a width and height in there and/or change the padding. So either do the blue or the red or both:


.tabs1 a {
background-color: @title_bar_background_color; background-image: @title_bar_background_image;
font-size:11px!important;border: 1px solid @container_outer_border_color;
-webkit-border-top-right-radius: 5px!important;
-webkit-border-top-left-radius: 5px!important;
-moz-border-radius-topleft:5px!important;
-moz-border-radius-topright:5px!important;
bordertop-left-radius:5px;
border-top-right-radius:5px;
text-align:center;
margin: 0px 4px -4px 0px!important;
padding:4px 8px 4px 8px;
transition: background 0.5s linear;
width:100px;
height:20px;
}

If you want the font bigger too, change the bolded above.
---------
To get a scroll bar when the content gets too big just add this to the bottom of your styles:


.panes1 div{height:130px;overflow:auto;}

the blue should be a bit smaller than whatever you have in the class .panes1