• Post Reply Bookmark Topic Watch Topic
  • New Topic

scrollable layout without frames

 
Tony Walters
Ranch Hand
Posts: 54
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I've a feeling this is not possible, but does anyone know of a means in JSF of providing a split page with one half vertically scrollable - independantly of the other half. The scrollable half contains text and graphics. I'm guessing frames is the only way to do this.

Thanks in advance.
 
Gerardo Tasistro
Ranch Hand
Posts: 362
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
<span> or <div> could do the job too.
 
madhuri madhuri
Ranch Hand
Posts: 58
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi All,

I am having a similar problem. I tried to use the <div> tag but it doesnot work in my case.

I also tried the following:


Can somebody help me in solving this?

Thanks,
Madhuri
 
Patricio Hervas
Greenhorn
Posts: 16
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi.

I think you can set the css "overflow" property of a <div> to "scroll"
and it should display the scrollbars as long as you define a "width" and "height".

check
http://www.w3schools.com/css/pr_pos_overflow.asp
 
madhuri madhuri
Ranch Hand
Posts: 58
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Originally posted by Patricio Hervas:
Hi.

I think you can set the css "overflow" property of a <div> to "scroll"
and it should display the scrollbars as long as you define a "width" and "height".

check
http://www.w3schools.com/css/pr_pos_overflow.asp


Thanks Patricio. This works for me.

Now, i have another question, i have a whole bunch of records(Rendered as a dataTable) in the lower part of the page and details(a bunch of panels) of one of the records on the top frame (Which are editable). I want to show the row whose details are being showed in the top frame on the top of the lower frame.
For instance, if there are say 10 rows in the lower frame, and the details of row 6 are exposed on the top frame, i want the user of my application to see the row 6 at the top. Its king of the # tags used in plain html.

Can anybody help me in this...?

Thanks,
Madhuri
 
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!