You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by Paul Baker <pb...@mindspring.com> on 2007/06/25 15:04:29 UTC
RE: [trinidad] page layout and more

Dear Abhi/List,

 

I've rearranged some of the elements, removed the DOCTYPE, and have also
incorporated the menumodel.  Things are looking better.  My problem now is
that there is green line (border) that extends from the menu bar to the end
of the page and I want the menu bar to extend to the end of the page like it
did in the example below..   What style or attribute is causing the green
border from being displayed?? What is preventing the menu bar from extending
to the end of the page???  

 

I've attached the source and the *.css file.  I'm reading what I can on the
skinning features.  I have almost no styles defined though (is that the
problem :-) ).

 

 



 

Thank in advance. 

--PB (ATL)

 

  _____  

From: Abhijit Ghosh [mailto:abhijit.s.ghosh@gmail.com] 
Sent: Monday, June 25, 2007 7:15 AM
To: MyFaces Discussion
Subject: Re: page layout and more

 

Paul,
In your jsp page I see this as the doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

I think this is switching the browser back into quirks mode.
I don't think the doctype is necessary,most of your layout problems will be
solved if your remove the doctype. 

Also you might want to use Trinidad skinning features to customize your
page.

-- Abhi

On 6/24/07, Paul Baker < <ma...@mindspring.com>
pbaker01@mindspring.com> wrote:

Hi,

 

I want to use myfaces and Trinidad on our project and I am trying to create
some prototypes and some proof of concept pages.

I'm having an awful time trying to layout the page the way that I want it.


I want a three panel page: top, left, and content.  On the content page I
want to use a tab navigation component followed by a bar navigation
component.  

panelBorderLayout work great for the layout. But on the content page I have
a few issues.   

1.	There is a gap between the tab component and the bar component.  I
want the bar component to directly follow the tab component.  How do I do
this?  I read all of the documentation that I can find and have experimented
with several styles.
2.	I would like the tab component to extend to the right.
3.	How do I control the page top and bottom boarders?  For example,
using the beach.css the borders are currently displayed and are blue.  I
don't want the borders displayed at all.

 Below is a snapshot of the current display and below that is want I want to
display.  I have also attached the jsp that created the page.  

 

 



 

Thanks in advance..

 

Frustrated in Atlanta..