Home › Blogs › phillies40's blog

Changing Color of the Tab?

Thu, 2008-04-03 17:39 — phillies40
0
No votes yet

Hi All

Is there any way to change the color of a Tab? thanks in advance.

We are running luminis 3.3.3.64 in Wiondows 2000 Envirionment. We like to make a Tab as an Emergency Contact Information center and it will be RED off or on.

Alan
PCOM

Comments

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.
Thu, 2008-04-03 21:42 — dmmcinto

color

Tab color (at least in III.3.3) are controlled by two parts:
class="tabon" = which is the main tab color
class="bgtabon"= which is the underline for an active tab and the right corner of the tab.

taboff is the color of the other tabs...
Transparent corners allow your CSS color to come through and the white on the outside is what actually creates the curve.

You 1st need to decide... are you changing the color of a tab when it is active... or should it be that color active or not..... either way the concept is the same.... you need to add additional css classes for each tab and bgtabon you want changed...

Personally I would dump all the transparent images in favor of a pure css version using order list... but that is up to you.

You will need to basically inject an additional or replaced css to the tab that needs the new color. Since not all tabs are using the same color, you need some dynamic code to determine which tab gets the new css class.

There is no easy brain-dump answer... you need to know css and dynamic scripting.

I will take a look and see if I can write some example code... no promised though.

Fri, 2008-04-04 10:16 — bsimpson

A word of caution

Sometime back I tried to insert HTML code into the tab name under my account. The results were catastrophic, and I was permanently locked out of my account. I had to use the Layout Resetter channel to get back into the portal.

Moral of the story: Text only in the tab name textbox.

Fri, 2008-04-04 10:38 — phillies40

Thanks for replying!

Hi

Sungard advised me to seek help here.

Alan

Mon, 2008-04-07 13:50 — a_calder

Interested in this answer

I would be interested in this answer also, if you have a solution

Thanks
----
Alistair Calder
Operations Manager ~ my.bcit.ca
BC Institute of Technology

Tue, 2008-04-08 04:52 — libdms

we have achieved this

I think that we found the answer on lumdev -

we use a (hidden to the user) string on the front of the tab name

anything that starts

evie::

is displayed as a purple tab

This is handled in the css (and maybe slightly in the xsl)

Derek

Fri, 2008-04-11 11:35 — phillies40

Can you be a little more detailed?

Hi Derek

I tried but it did not work. Please help, thanks!

Alan

Tue, 2008-04-29 10:40 — phillies40

Please reply.

Hi Derek

Could you please reply your answer in more detail? thanks!

Alan

Tue, 2008-04-29 13:52 — Jason

hacking luminis

Get the hacking luminis v0.06 from the upper right hand corner of this site.

On page 18, it shows the nested tables code for tab generation. That should get you to the right place to make modifications. How you want to implement it is up to you.

I suppose if it were me, I'd go down to the activeTab section in the nested-tables.xsl file, and put a new class on the TD, the new class being the tab name. like this:

TD valign="center" CLASS="taboff xsl: value-of select="@name" NOWRAP="">.......(you can see the code in the hacking luminis guide in the TD section on page 18 showing how the value-of-select @name is typed out, I left off the less than and greater than signs so that it would display here)

Then in the css of the portal, I'd make a class specific for that tab name, like

.Emergency-Contacts (or whatever you named the tab) {background-color: red;}

Tue, 2008-04-29 15:33 — phillies40

I will try it and Thank you for the answer!

Hi Jason

Sorry if I am asking a dumb question, in your reply:

Then in the css of the portal, I'd make a class specific for that tab name

May I ask how and where? thanks!!!

Alan

Tue, 2008-05-27 16:08 — Jason

style.css probably

Uh.. lets see Luminis III. I'd probably make the change in this css file:

$CP_ROOT/webapps/luminis/misc/style.css

At the bottom of the file, add a class that is the same name as your tab, so like

.emergency {background-color: red;}