• Post Reply Bookmark Topic Watch Topic
  • New Topic

Formatting problem.  RSS feed

 
Ranch Hand
Posts: 276
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I have a page where I want to display an image at the top, a scrollable panel in the middle, and a button at the bottom. I get all of these components, but they are all inside of the scroll panel and I don't understand why.

Here is the code:



How should this look in order to get the image above the scroll panel and the button below it?

Note that I tried surrounding the DiagnosisPanel (the only one I want to scroll) with the div tag, but that didn't do what I expected.

In short, how do I get the DiagnosisPanel to be the only thing that scrolls?

Thanks.
[ October 07, 2005: Message edited by: Darrin Smith ]
 
Author and ninkuma
Marshal
Posts: 66350
155
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Where are the f and h custom actions from?
 
Darrin Smith
Ranch Hand
Posts: 276
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator

Originally posted by Bear Bibeault:
Where are the f and h custom actions from?



Oh, sorry...that is JSF stuff (using Java Studio Creator), but I figured this really wasn't a JSF question, but rather a simple JSP one since you all deal with this sort of thing.
 
Bear Bibeault
Author and ninkuma
Marshal
Posts: 66350
155
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Moved to the JSF forum.
 
Darrin Smith
Ranch Hand
Posts: 276
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I changed it around a little, and now I get the image to stay at the top, but the button is still inside of the scroll pane. Why this is I have no ideas when the image is correct.

Anyway, here is what it looks like now. Any ideas on how to get the bottom out of the scroll pane?

 
Greenhorn
Posts: 7
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Did you try using the Facet tags... footer and header?
<h ataTable id="books"
columnClasses="list-column-center,
list-column-right, list-column-center,
list-column-right" headerClass="list-header"
rowClasses="list-row" styleClass="list-
background" value="#{BookStore.items}" var="store">
<h:column>
<f:facet name="header">
<h utputText value="#{msg.storeNameLabel}"/>
</f:facet>
<h utputText value="#{store.name}"/>
</h:column>
<h:column>
<f:facet name="header">
<Subject
</f:facet>
<h utputText value="#{store.subject}"/>
</h:column>
<h:column>
<f:facet name="header">
<h utputText value="#{msg.storePriceLabel}"/>
</f:facet>
<h utputText value="#{store.price}"/>
</h:column>
</h ataTable>

resource http://www.exadel.com/tutorial/jsf/jsftags-guide.html
 
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!