Hi folks! I'm trying to build a UI for a project that I'm working on using Proto/ Scripta/RoR. In a nutshell, it can be best described as the UI with two endless scrolling columns similar to Google Reader. Think of it as a dynamic forum in which on the right hand side you have the topics and when you click on one of them, posts open up on the right hand side. Google Reader's UI would be perfect for this. If you've never seen it, look here:
http://www.google.com/reader/view/ and a pic: http://z.about.com/d/email/1/0/L/P/2/google_reader400__093006.png Netvibes, too, uses this type of a UI for their RSS reader. Nice thing about this UI is that browser's scrollbar works (actually htis is a trick) and you don't have any iframes. >From snooping around with Firebug, I can see that they basically have a bunch of empty div's and they dynamically insert elements into it. Left side (nav, feed sources, fixed width) is one div and the right side, where the posts go is made up of two divs and is liquid. One of the divs has dynamically adjusted style property "height: 424px;" which is adjusted as your resize your browser. Has anyone built a UI like this using Prototype? How could I replicate some of this functionality (dynamic sizing)? How do you tell what size should width/height be and how do you set it with Prototype? I'd just like to build a simple skeleton... I already know how to do "endless scrolling" or pageless effect by asynchronously loading more posts so I know how to fill data inside those two columns represented by empty divs... Any help/advice/pointers/CODE ;) is much appreciated! Thanks!!! Mike --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
