alignment problems with jsf and richfaces

[sathishavunoori]

Hi,

i don't know exactly whether this is the right or not to post this issue ,

  I am trying to layout out a page and I have several panel Grids one after the other with content i.e text fields .
The panel grids have a the columns attribute set to 3 three cells .
The next Panel is set up the same way .
I am wondering how I can get the elements in Panel 1 to align up with the elements in panel two .
I played with text-align: left; but this did not work .
Any ideas

[ilya_shaikovsky]

you could use columnClasses and rowClasses attributes. In general not sure that understand the question - screenshotes would be helpfull.

P.S. moving the thread into RichFaces space. RF Development - is for design questions of RF itself.

[sathishavunoori]

ok thanks for your replay,

if i use columnClasses and rowClasses style attributes am not getting exact alignment what i want.

So i need some more tips and techniques for accuracy.

for example if i use simple html code the alignment problems will be resolved easily.

like <table > and <div > tags are more helpful in my openion.

but comming to jsf <h:panelGrid > like elements not sure that ,will we get exact alignments even if using style classes also.

is there any editor for jsf and richfaces components like dreamweaver(for html) to resolve design problems as early as possible?

can you please suggest me if any?

   thanks in advance

[ammaletu]

I'm not sure exactly what you want to do either, but since you say you could do it with div elements: Look at what HTML code the JSF elements create and style that via CSS, either with the existing class names or add your own. The styleClass attribute can be used on most JSF elements.

Also have a look at the RichFaces demo page for rich:dataGrid: http://livedemo.exadel.com/richfaces-demo/richfaces/dataGrid.jsf?c=dataGrid&tab=usage

The information there is nicely aligned, but mostly I guess because it's the same in the left column of all boxes. Otherwise you would probably have to set a width for the column.