increasing the height of the hearder - jboss portal

[nhearne]

Hi
Does anyone know how to increase the height of the header in the jboss portal? I have replace the JBossPortal logo with our own but ours doesn't quite fit! I need to increase the height so that the tabs ('home', 'news', etc) move down to make room for our logo which is bigger.

Can you please help?

Thanks,

[m.paranjape]

You need to play around with the stylesheet. Follow the follwing steps.

1) check the theme that your are using in your portal page and go to the appropriate theme folder under your jboss-portal.sar\portal-core.war\themes folder.

2) open the portal_style.css file

3) Trying changing the #header-container, #header and #logoName as per your needs.

Everything about the look and feel of the portal is in this style sheet.

[nhearne]

"m.paranjape" wrote:
You need to play around with the stylesheet. Follow the follwing steps.

1) check the theme that your are using in your portal page and go to the appropriate theme folder under your jboss-portal.sar\portal-core.war\themes folder.

2) open the portal_style.css file

3) Trying changing the #header-container, #header and #logoName as per your needs.

Everything about the look and feel of the portal is in this style sheet.

Hello Thanks very much for your reply.
I am using 'renaissance' theme and have been playing with portal_style.css file in the 'renaissance' folder (I am using jboss protal bundle 2.6.6) working on exaclty same styles as you said (#header-container, #header and #logoName ) but nothing seem to have any affect on the height of the header, I thought changing the height on the #header should do it but it didn't! I have tried every single property in these styles and nothing has worked. I have manged to chagne the size of the image and other things but not the height of the header, am I missing something?

All the best!
N

[peterj]

Try this - in portal_style.css:

Change #header-container, set height to greater than 100% (you will have to experiment to get the right size)

Change #logoName, set width and height to match your logo.

Change ul#tabsHeader, adjust the margin-top to get the navigation tabs repositioned to the bottom of the header area.

By the way, I figured all of this out in a few minutes using the Web Developer plugin for FireFox - it lets me edit the css files "live" so I can see how the page layout changes. Highly recommended.

[danielk]

Firebug is also a great tool for Firefox. For some things (editing CSS) better than Web Developer.

jboss-portal.sar\portal-core.war\themes is only one important thing. Also important for understanding are layouts:

boss-portal.sar\portal-core.war\layouts

For each layout there will be a subfolder with 2 JSPs:
index.jsp - layout in general
maximized.jsp - layout if one Portlet was maximized

There you can see the parts of your Portal. For example you see divs for navigation and dashboard. Like already mentioned, with portal_style.css you can customize each "region" by your own.