• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Tim Cooke
  • paul wheaton
  • Ron McLeod
  • Jeanne Boyarsky
Sheriffs:
  • Paul Clapham
Saloon Keepers:
  • Tim Holloway
  • Roland Mueller
Bartenders:

Column aligment issue

 
Greenhorn
Posts: 5
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi
I am new to JSF, am basically displaying set of data. Below is code snippet.
<t:panelGrid id="subPanel3" columns="4" style="width:100%">
<t:column id="subColDesc" style="width:60%">
<h:outputText id="desc" value="TCP/IP, SCJP ,SCWCD, English Reading Skill" styleClass="uservalues"></h:outputText></t:column>

<t:column id="subColFeedback1" style="width:20%">
<h:commandLink id="thumb1" styleClass="imagestyle">
<h:graphicImage id="ThumbsUp" styleClass="feedbackimagestyle" value="/images/thumbsup.jpg"
width="15" height="15" >
</h:graphicImage>
</h:commandLink>

<h:graphicImage id="blankimg" styleClass="feedbackimagestyle" value="/images/blank.jpg"
width="15" height="15">
</h:graphicImage>

<h:commandLink id="thumb0" styleClass="imagestyle">
<h:graphicImage id="ThumbsDown" styleClass="feedbackimagestyle" value="/images/thumbsdown.jpg"
width="15" height="15" >
</h:graphicImage>
</h:commandLink>
</t:column>

<t:column id="blank11" style="width:20%">
<h:outputText id="b11" value=" "/>
</t:column>
</t:panelGrid>

Here the issue is based on the
<h:outputText id="desc" value="TCP/IP, SCJP ,SCWCD, English Reading Skill" styleClass="uservalues"></h:outputText>

my width / alignment of rest of the columns get changed, if "desc" is further big all the rest of the columns will not be vertically aligned.

Can someone suggest how to keeps my images aligned vertically, or how to fix the width of the first column. Its very urgent.

Thanks
MB
[ June 18, 2008: Message edited by: M KumarBasotia ]
 
Ranch Hand
Posts: 66
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
You will need to adjust the columns manually by changing the width to accomodate the text in the other column. I suggest a horizontal scroll bar.
 
This tiny ad is suggesting that maybe she should go play in traffic.
Clean our rivers and oceans from home
https://www.kickstarter.com/projects/paulwheaton/willow-feeders
reply
    Bookmark Topic Watch Topic
  • New Topic