You are viewing a plain text version of this content. The canonical link for it is here.
Posted to jetspeed-user@portals.apache.org by Rob Evans <ro...@mtn-i.com> on 2004/12/01 17:28:05 UTC
Mintyblue and Metal Skins
Hi everyone,
I'm looking for a tutorial or a quick explanation of how I
can get my portals to display images as their skin instead of just
colours and text styles...
After A LOT of searching, I still cannot work out how to do
this but found references to the mintyblue and metal skins that both
seem to do what I'd like, although I cannot confirm this as I have never
seen them.
Can someone explain to me what files need changing, and how
I can specify the images to use for each bit of the table that makes up
the portlet? I'm assuming the skins have a similar setup to the standard
3x3, 9 celled table with top-left, top-middle, top-right, middle-left,
middle-right etc images defined in the form of:
-------------------------------------
| | | |
-------------------------------------
| | | |
-------------------------------------
| | | |
-------------------------------------
PS, I searched the mailing list and couldn't find anything for keywords:
mintyblue, metal or skins
Cheers,
Rob Evans
Re: Mintyblue and Metal Skins
Posted by Stefano Bianchi <st...@softeco.it>.
Dear Rob,
have a look at the file
jetspeed\WEB-INF\templates\vm\controls\html\jetspeed.vm...
I worked on this to change the portlet layout
Good luck
Stefano
----- Original Message -----
From: "Rob Evans" <ro...@mtn-i.com>
To: <je...@jakarta.apache.org>
Sent: Wednesday, December 01, 2004 5:28 PM
Subject: Mintyblue and Metal Skins
Hi everyone,
I'm looking for a tutorial or a quick explanation of how I
can get my portals to display images as their skin instead of just
colours and text styles...
After A LOT of searching, I still cannot work out how to do
this but found references to the mintyblue and metal skins that both
seem to do what I'd like, although I cannot confirm this as I have never
seen them.
Can someone explain to me what files need changing, and how
I can specify the images to use for each bit of the table that makes up
the portlet? I'm assuming the skins have a similar setup to the standard
3x3, 9 celled table with top-left, top-middle, top-right, middle-left,
middle-right etc images defined in the form of:
-------------------------------------
| | | |
-------------------------------------
| | | |
-------------------------------------
| | | |
-------------------------------------
PS, I searched the mailing list and couldn't find anything for keywords:
mintyblue, metal or skins
Cheers,
Rob Evans
---------------------------------------------------------------------
To unsubscribe, e-mail: jetspeed-user-unsubscribe@jakarta.apache.org
For additional commands, e-mail: jetspeed-user-help@jakarta.apache.org
Re: Mintyblue and Metal Skins
Posted by Ruy Diaz Jara <di...@yahoo.com>.
Rob, I'm not sure how MintyBlue and Metal skins work (they reference a
portal-skin-class in skins.xreg, but I couldn't find the class definitions
anywhere.
What we did, was to define my skin registry entry as follows:
<skin-entry name="MySkin" hidden="false">
<property name="tab-selected-left-alone"
value="images/Skins/MySkin/TSLA.gif" hidden="false"/>
<property name="tab-selected-left-together"
value="images/Skins/MySkin/TSLT.gif" hidden="false"/>
<property name="tab-selected-middle" value="images/Skins/MySkin/TSM.gif"
hidden="false"/>
<property name="tab-selected-right-alone"
value="images/Skins/MySkin/TSRA.gif" hidden="false"/>
<property name="tab-selected-right-together"
value="images/Skins/MySkin/TSRT.gif" hidden="false"/>
<property name="tab-selected-edit" value="images/Skins/MySkin/TabEditF.gif"
hidden="false"/>
<property name="tab-unselected-left-alone"
value="images/Skins/MySkin/TULA.gif" hidden="false"/>
<property name="tab-unselected-middle" value="images/Skins/MySkin/TUM.gif"
hidden="false"/>
<property name="tab-unselected-right-alone"
value="images/Skins/MySkin/TURA.gif" hidden="false"/>
<property name="tab-unselected-together"
value="images/Skins/MySkin/TUT.gif" hidden="false"/>
<property name="tab-unselected-edit"
value="images/Skins/MySkin/TabEditB.gif" hidden="false"/>
<property name="tab-bar-img" value="images/Skins/MySkin/Bar.gif"
hidden="false"/>
<property name="tab-buttom-img" value="images/Skins/MySkin/TabButtom.gif"
hidden="false"/>
<property name="portlet-title-left" value="images/Skins/MySkin/PTL.gif"
hidden="false"/>
<property name="portlet-title-middle" value="images/Skins/MySkin/PTM.gif"
hidden="false"/>
<property name="portlet-title-right" value="images/Skins/MySkin/PTR.gif"
hidden="false"/>
<property name="portlet-content-left" value="images/Skins/MySkin/PCL.gif"
hidden="false"/>
<property name="portlet-content-right" value="images/Skins/MySkin/PCR.gif"
hidden="false"/>
<property name="portlet-bottom-left" value="images/Skins/MySkin/PBL.gif"
hidden="false"/>
<property name="portlet-bottom-middle" value="images/Skins/MySkin/PBM.gif"
hidden="false"/>
<property name="portlet-bottom-right" value="images/Skins/MySkin/PBR.gif"
hidden="false"/>
<property name="tab-width" value="17" hidden="false"/>
<property name="tab-height" value="25" hidden="false"/>
<property name="PTL_W" value="9" hidden="false"/>
<property name="PTL_H" value="18" hidden="false"/>
<property name="PTR_W" value="9" hidden="false"/>
<property name="PCL_W" value="3" hidden="false"/>
<property name="PCR_W" value="3" hidden="false"/>
<property name="PBL_W" value="7" hidden="false"/>
<property name="PBL_H" value="8" hidden="false"/>
<property name="PBR_W" value="7" hidden="false"/>
<property name="title-text-color" value="#000000" hidden="false"/>
<property name="title-background-color" value="#CECECE" hidden="false"/>
<property name="title-style-class" value="TitleStyleClass" hidden="false"/>
<property name="highlight-background-color" value="#9C9C9C"
hidden="false"/>
<property name="highlight-text-color" value="#000000" hidden="false"/>
<property name="highlight-title-style-class"
value="HighlightTitleStyleClass" hidden="false"/>
<property name="text-color" value="#000000" hidden="false"/>
<property name="background-color" value="#ff9900" hidden="false"/>
</skin-entry>
Where all the necessary images are defined. Afterwards, we modified the
templates for the controls (vm/controls/html): jetspeed.vm, jetspeed-box.vm,
jetspeed-menu.vm and jetspeed-tab.vm to reflect these changes.
I can send these modified files if you want them.
Regards
Ruy
=====
-------------------------------
I used to be an atheist, until I realized I was God.
__________________________________
Do you Yahoo!?
Meet the all-new My Yahoo! - Try it today!
http://my.yahoo.com
---------------------------------------------------------------------
To unsubscribe, e-mail: jetspeed-user-unsubscribe@jakarta.apache.org
For additional commands, e-mail: jetspeed-user-help@jakarta.apache.org