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 Pernoud Aurelien <ap...@sopragroup.com> on 2004/02/02 09:08:07 UTC
RE: panes and skins
1.5-dev skins are not finished yet, I haven't had time to do all the panes stuff, only portlets :(
I hope to be able to do it soon.
Gerry Reno a écrit :
> In a J1 1.5-dev portal, I have not been able to select Metal for skin
> in the panes. When I try to do this the pane title is displayed with
> no background color. No images appear. Is there some configuration
> setting that is needed to use this skin with panes?
>
> thx
---------------------------------------------------------------------
To unsubscribe, e-mail: jetspeed-user-unsubscribe@jakarta.apache.org
For additional commands, e-mail: jetspeed-user-help@jakarta.apache.org
RE: panes and skins
Posted by Gerry Reno <gr...@yahoo.com>.
Ok, yahoo is doing weird things with my attachments so I'm including
code inline.
Here is code for jetspeed-tab.vm:
##<!-- begin jetspeed-tab.vm -->
#if (! $data.Customized )
#if ( ! $tabs )
#parse ("jetspeed.vm")
#else
<table cellpadding="0" cellspacing="0" border="0" width="100%" #if
(${skin.TabStyleClass}) class="${skin.TabStyleClass}" #end >
<tr>
<td valign="top">
<div #if (${skin.tab-skin-class}) class="${skin.tab-skin-class}"
#end>
<table align="left" cellspacing="0" border="0" cellpadding="0" #if
(${skin.TabTitleStyleClass}) class="${skin.TabTitleStyleClass}" #end >
##
## Tab Title Bar
##
<tr width="100%">
#foreach ( $tab in $tabs )
#if ($tab.isSelected() )
#set ($bgcolor = $!{skin.HighlightBackgroundColor} )
#set ($color = $!{skin.HighlightTextColor} )
#set ($titleclass = $!{skin.HighlightTitleStyleClass} )
#else
#set ($bgcolor = $!{skin.TitleBackgroundColor} )
#set ($color = $!{skin.TitleTextColor} )
#set ($titleclass = $!{skin.TitleStyleClass} )
#end
#if (${bgcolor})
#if (${color})
#set ($titlestyle = "background-color: $bgcolor; color:
$color;" )
#else
#set ($titlestyle = "background-color: $bgcolor;" )
#end
#else
#if (${color})
#set ($titlestyle = "color: $color;" )
#else
#set ($titlestyle = "" )
#end
#end
#if (${skin.tab-skin-class})
<td class="TTitleLeft" #if ($titlestyle) style="${titlestyle}
;font-size:1pt;" #else style="font-size:1pt;" #end
nowrap="true"> </td>
#end
<td align="left" valign="middle" #if ($titleclass)
class="$titleclass" #else class="TTitle" #end #if ($titlestyle)
style="${titlestyle}" #end >
#if ($tab.Link && ($tab.isSelected() == false))
<a href="$tab.Link" #if (${skin.TitleStyleClass})
class="${skin.TitleStyleClass}" #else class="TTitle" #end #if ($color)
style="color: $color" #end>$tab.Title</a>
#else
$tab.Title
#end
</td>
<td align="right" valign="middle" #if (${skin.TitleStyleClass})
class="${skin.TitleStyleClass}" #else class="TTitle" #end #if
(${titlestyle}) style="${titlestyle}" #end>
#foreach ( $action in $actions )
<a href="${action.Link}" title="${action.Name}" ><img
src="${skin.getImage($action.Name,"images/${action.Name}.gif")}"
alt="${action.Alt}" border="0"></a>
#end
</td>
</td>
#if (${skin.tab-skin-class})
<td class="TTitleRight" #if ($titlestyle) style="${titlestyle}
;font-size:1pt;" #else style="font-size:1pt;" #end
nowrap="true"> </td>
#end
<td width="3"> </td>
#end
</tr>
</table>
<table align="right" cellspacing="0" border="0" cellpadding="0">
<tr width="100%">
<td align="right" nowrap="true" valign="middle">
#foreach ( $action in $actions )
<a href="${action.Link}" title="${action.Name}"><img
src="images/${action.Name}.gif" alt="${action.Name}" border="0"></a>
#end
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<table cellspacing="0" width="100%" border="0" cellpadding="0" #if
(${skin.TabStyleClass}) class="${skin.TabStyleClass}" #end >
<tr><td height="2" #if (${skin.HighlightBackgroundColor})
style="background-color: ${skin.HighlightBackgroundColor}" #end ><img
height="2" width="2" src="images/dot.gif" /></td></tr>
<tr><td height="2" #if (${skin.BackgroundColor})
style="background-color: ${skin.BackgroundColor}" #end ><img height="2"
width="2" src="images/dot.gif" /></td></tr>
</table>
<table cellspacing="0" width="100%" border="0" cellpadding="0" #if
(${skin.TabStyleClass}) class="${skin.TabStyleClass}" #end >
<tr>
<td>
<table cellspacing="0" width="100%" border="0" cellpadding="0" #if
(${skin.TabContentStyleClass}) class="${skin.TabContentStyleClass}"
#end #if (${skin.BackgroundColor}) style="background-color:
${skin.BackgroundColor}" #end >
<tr>
<td valign="top" width="100%">
$portlet.getContent($data)
</td>
</tr>
</table>
</td>
</tr>
</table>
#end
#else
$portlet.getContent($data)
#end
##<!-- end jetspeed-tab.vm -->
Here is code for jetspeed.vm:
##<!-- begin jetspeed.vm -->
## ----------------------
## Set portlet style
## ----------------------
#if (${skin.TitleBackgroundColor})
#set ($portletStyle="border-color: ${skin.TitleBackgroundColor}")
#end
## ----------------------
## Set title style
## ----------------------
#if (${skin.TitleBackgroundColor})
#if (${skin.TitleTextColor})
#set ($titlestyle = "background-color: $skin.TitleBackgroundColor;
color: $skin.TitleTextColor;" )
#else
#set ($titlestyle = "background-color: $skin.TitleBackgroundColor;"
)
#end
#else
#if (${$skin.TitleTextColor})
#set ($titlestyle = "color: $skin.TitleTextColor;" )
#end
#end
## ----------------------
## Set content style
## ----------------------
#if (${skin.BackgroundColor})
#if (${skin.TextColor})
#set ($contentstyle = "background-color: $skin.BackgroundColor;
color: $skin.TextColor;" )
#else
#set ($contentstyle = "background-color: $skin.BackgroundColor;" )
#end
#else
#if (${$skin.TextColor})
#set ($contentstyle = "color: $skin.TextColor;" )
#end
#end
#if( ! $portlet.isClosed($data) )
##
## Here we set a global css for the portlet using div tag
##
<div #if (${skin.PortletSkinClass}) class="${skin.PortletSkinClass}"
#end>
<table border="0" cellpadding="0" cellspacing="0" width="100%" #if(
${skin.PortletStyleClass}) class="$!{skin.PortletStyleClass}" #end #if
(${portletStyle}) style="${portletStyle}" #end>
##
## Portlet Title Bar
##
#set ($cspan = 2)
#if( $portlet_instance.isShowTitleBar() )
<tr>
#if (${skin.PortletSkinClass})
<td class="PTitleLeft" #if (${titlestyle}) style="${titlestyle}
;font-size:1pt;" #else style="font-size:1pt;" #end
nowrap="true"> </td>
#else
## There's an extra column created for the portlet icon
#if ($portlet_instance.Image && $portlet_instance.Image !=
"images/dot.gif")
#set ($cspan = 3)
<td nowrap="true" width="1%" #if (${skin.TitleStyleClass})
class="${skin.TitleStyleClass}" #end #if (${titlestyle})
style="${titlestyle}" #end><IMG SRC="$portlet_instance.Image"></td>
#end
#end
<td align="left" valign="middle" #if (${skin.TitleStyleClass})
class="${skin.TitleStyleClass}" #else class="PTitle" #end #if
(${titlestyle}) style="${titlestyle}" #end>
$portlet_instance.Title
</td>
<td align="right" valign="middle" #if (${skin.TitleStyleClass})
class="${skin.TitleStyleClass}" #else class="PTitle" #end #if
(${titlestyle}) style="${titlestyle}" #end>
#foreach ( $action in $actions )
<a href="${action.Link}" title="${action.Name}" ><img
src="${skin.getImage($action.Name,"images/${action.Name}.gif")}"
alt="${action.Alt}" border="0"></a>
#end
</td>
#if (${skin.PortletSkinClass})
<td class="PTitleRight" #if (${titlestyle}) style="${titlestyle}
;font-size:1pt;" #else style="font-size:1pt;" #end
nowrap="true"> </td>
#end
</tr>
#end
##
## Portlet Content
##
#if( ! $portlet.isMinimized($data) )
<tr>
#if (${skin.PortletSkinClass} &&
$portlet_instance.isShowTitleBar())
<td class="PContentLeft" style="font-size:1pt;"
nowrap="true"> </td>
#end
#if (${skin.no-content-skin}) #set ($cspan = $cspan + 2) #end
<td colspan="$cspan" #if (${skin.ContentStyleClass})
class="${skin.ContentStyleClass}" #else class="PContent" #end #if
(${contentstyle}) style="${contentstyle}" #end>
$!portlet.getContent($data)
</td>
#if (${skin.PortletSkinClass} &&
$portlet_instance.isShowTitleBar())
<td class="PContentRight" style="font-size:1pt;"
nowrap="true"> </td>
#end
</tr>
#end
##
## Portlet Bottom
##
#if ($portlet_instance.isShowTitleBar() && ${skin.PortletSkinClass})
<tr>
<td class="PBottomLeft" style="font-size:1pt;"
nowrap="true"> </td>
<td colspan="2" class="PBottom" style="font-size:1pt;"
nowrap="true"> </td>
<td class="PBottomRight" style="font-size:1pt;"
nowrap="true"> </td>
</tr>
#end
</table>
</div>
#end
##<!-- end jetspeed.vm -->
--- Gerry Reno <gr...@yahoo.com> wrote:
> Hi,
> I kinda figured that out after looking at the code for a minute. I
> went ahead and changed jetspeed-tab.vm to add support for new skins
> and
> jetspeed.vm to be able to have just title image with a line-bordered
> content box. I don't have cvs so I'm attaching the whole new files.
> Maybe you could diff against the cvs and create patch for me.
>
> Also, here is the skins registry entry I used:
> <skin-entry name="Metal" hidden="false">
> <property name="tab-skin-class" value="gr" hidden="false"/>
> <property name="title-background-color" value="#000000"
> hidden="false"/>
> <property name="highlight-background-color" value="#000000"
> hidden="false"/>
> <property name="title-text-color" value="#00FF00"
> hidden="false"/>
> <property name="highlight-text-color" value="#00F800"
> hidden="false"/>
> <property name="highlight-title-style-class" value="TTitle"
> hidden="false"/>
> <property name="title-style-class" value="TTitle"
> hidden="false"/>
> <property name="portlet-style-class" value="grstyle"
> hidden="false"/>
> <property name="portlet-skin-class" value="Metal"
> hidden="false"/>
> <property name="no-content-skin" value="1" hidden="false"/>
> </skin-entry>
>
> In skins.css file TTitle was set same as PTitle. Added these to
> PContent:
> border-left:#0000FF solid 1px;
> border-right:#0000FF solid 1px;
> border-bottom:#0000FF solid 1px;
>
> and this to PTitle, TTitle:
> // width:100%; /* required for IE, else you get
> leftcorner-title gap */
>
>
> HTH,
> Gerry Reno
>
>
>
> --- Pernoud Aurelien <ap...@sopragroup.com> wrote:
> >
> > 1.5-dev skins are not finished yet, I haven't had time to do all
> the
> > panes stuff, only portlets :(
> >
> > I hope to be able to do it soon.
> >
> > Gerry Reno a �crit :
> >
> > > In a J1 1.5-dev portal, I have not been able to select Metal for
> > skin
> > > in the panes. When I try to do this the pane title is displayed
> > with
> > > no background color. No images appear. Is there some
> > configuration
> > > setting that is needed to use this skin with panes?
> > >
> > > thx
> >
>
>
> =====
> Gerry Reno
> mailto: grenoml at@ yahoo dot. com
> (if mail bounces please retry later - spam rapidly fills up mailbox)
>
> __________________________________
> Do you Yahoo!?
> Yahoo! SiteBuilder - Free web site building tool. Try it!
> http://webhosting.yahoo.com/ps/sb/
> >
---------------------------------------------------------------------
> To unsubscribe, e-mail: jetspeed-user-unsubscribe@jakarta.apache.org
> For additional commands, e-mail:
jetspeed-user-help@jakarta.apache.org
=====
Gerry Reno
mailto: grenoml at@ yahoo dot. com
(if mail bounces please retry later - spam rapidly fills up mailbox)
__________________________________
Do you Yahoo!?
Yahoo! SiteBuilder - Free web site building tool. Try it!
http://webhosting.yahoo.com/ps/sb/
---------------------------------------------------------------------
To unsubscribe, e-mail: jetspeed-user-unsubscribe@jakarta.apache.org
For additional commands, e-mail: jetspeed-user-help@jakarta.apache.org
RE: panes and skins
Posted by Gerry Reno <gr...@yahoo.com>.
Hi,
I kinda figured that out after looking at the code for a minute. I
went ahead and changed jetspeed-tab.vm to add support for new skins and
jetspeed.vm to be able to have just title image with a line-bordered
content box. I don't have cvs so I'm attaching the whole new files.
Maybe you could diff against the cvs and create patch for me.
Also, here is the skins registry entry I used:
<skin-entry name="Metal" hidden="false">
<property name="tab-skin-class" value="gr" hidden="false"/>
<property name="title-background-color" value="#000000"
hidden="false"/>
<property name="highlight-background-color" value="#000000"
hidden="false"/>
<property name="title-text-color" value="#00FF00"
hidden="false"/>
<property name="highlight-text-color" value="#00F800"
hidden="false"/>
<property name="highlight-title-style-class" value="TTitle"
hidden="false"/>
<property name="title-style-class" value="TTitle"
hidden="false"/>
<property name="portlet-style-class" value="grstyle"
hidden="false"/>
<property name="portlet-skin-class" value="Metal"
hidden="false"/>
<property name="no-content-skin" value="1" hidden="false"/>
</skin-entry>
In skins.css file TTitle was set same as PTitle. Added these to
PContent:
border-left:#0000FF solid 1px;
border-right:#0000FF solid 1px;
border-bottom:#0000FF solid 1px;
and this to PTitle, TTitle:
// width:100%; /* required for IE, else you get
leftcorner-title gap */
HTH,
Gerry Reno
--- Pernoud Aurelien <ap...@sopragroup.com> wrote:
>
> 1.5-dev skins are not finished yet, I haven't had time to do all the
> panes stuff, only portlets :(
>
> I hope to be able to do it soon.
>
> Gerry Reno a �crit :
>
> > In a J1 1.5-dev portal, I have not been able to select Metal for
> skin
> > in the panes. When I try to do this the pane title is displayed
> with
> > no background color. No images appear. Is there some
> configuration
> > setting that is needed to use this skin with panes?
> >
> > thx
>
=====
Gerry Reno
mailto: grenoml at@ yahoo dot. com
(if mail bounces please retry later - spam rapidly fills up mailbox)
__________________________________
Do you Yahoo!?
Yahoo! SiteBuilder - Free web site building tool. Try it!
http://webhosting.yahoo.com/ps/sb/