| Author |
Need to reduce space between Portlets in Portal V6
|
|
|
| Hi,
Can anyone know how to reduce space between Portlets in Portal V6. I already check in Home.jsp,Default.jsp, Control.jsp but can not do this.
Thanks in advanced
| |
|
| Try:
UnlayeredContainer-H.jsp
UnlayeredContainer-V.jsp
in your skin directory
| |
|
| Try:
UnlayeredContainer-H.jsp
UnlayeredContainer-V.jsp
in your skin directory
| |
|
| But in UnlayeredContainer-V.jsp, the table definition is this:
[code]<table class="layoutColumn" cellpadding="0" cellspacing="0">[/code] which means that the table has a zero padding. We still get "paddings" and it's really hard to trace this new theme/skin way of things. Any other ideas? Thanks.
| |
|
| If your skin is based on the IBM skin there is probably an unbreakable space (& nbsp;) forcing the space between your portlets. Just remove them.
| |
|
| I'm using the 'noskin' skin, which does not appear to have [code] [/code] artifacts. Am I wrong?
| |
|
| I had the same problem, removing the unbreakable spaces solved it....
Did you remove the height="100%" and width="100%" from the table and td, that is the last thing I can think of.
| |
|
| Well, it is more complicated I'm afraid. We are using the 'noskin' skin which does not use any at all! However, when we display the source of the portal page, there are indeed some entries. It's very strange since there don't seem to be comi
ng from anywhere...
I keep looking...
| |
|
| I am quite sure that it's the UnlayeredContainer-H.jsp, the UnlayeredContainer-V.jsp and the control.jsp that are used for building this piece of html. Are you using the skin that you think you are using?....
| |
|
| Yes, I'm using the 'noskin' skin which does not have its own container-H and V files. I found that if I remove the parts of the IBM skin, they are reflected on the 'noskin' as well. So this is the solution, thank you very much for helping.
| |
| oliver 2007-01-09, 1:57 am |
| To get it you want,there are three aspects :
1.set "noskin" as default value of your theme.
go to manage page,choose Theme&Skin ,click your theme name and edit theme.
In default value,IBM is default value,change into "noskin",save it.
2.set the layout as "noskin" value.
It is just change the value at layout of your page.
go to manage page,go to your page which you want to reduce the space.
click edit layout and skin,change all portlet as "noskin". save it.
3.edit ccs of your theme.
locate the directory of your theme in portal,like IBM\WebSphere\profiles\wp_profile\instal
ledApps\sjnk\wps.ear\wps.war\themes\html\yourtheme
,open the file styles_theme.jspf. search ".wpsPortlet" or ".wpsPortletBody". they like this:
wpsPortlet{
margin:5px;
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
border-color: ${colors.skinBorder};
background-image:none;
}
wpsPortletBody{
margin: 5px;
background-image:none;
}
change the "margin" value,save it and refresh the theme.
Maybe wait a long time.
Enjoy it ,good luck!!
enough is never enough
| |
|
| Ok, I think it now works. Both approaches complement each other, meaning that in order to eliminate ALL gaps, you have to take out the tags and edit the css as well.
Thanks for helping!
|
|
|
|