This week's book giveaway is in the Kotlin forum.
We're giving away four copies of Kotlin in Action and have Dmitry Jemerov & Svetlana Isakova on-line!
See this thread for details.
Win a copy of Kotlin in Action this week in the Kotlin forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic

Column aligment issue  RSS feed

 
M KumarBasotia
Greenhorn
Posts: 5
  • Mark post as helpful
  • send pies
  • 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%">
<hutputText id="desc" value="TCP/IP, SCJP ,SCWCD, English Reading Skill" styleClass="uservalues"></hutputText></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%">
<hutputText id="b11" value=" "/>
</t:column>
</t:panelGrid>

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

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 ]
 
Joe Matthew
Ranch Hand
Posts: 66
  • Mark post as helpful
  • send pies
  • 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.
 
It is sorta covered in the JavaRanch Style Guide.
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!