Horizontal scrolling similar to excel

Hey guys,
Today I received a request that I am having trouble getting started with. Our app currently has an interactive report with somewhere around 30 columns. The user would like for the three left most columns to remain locked in the same place but be able to scroll left and right to see the rest of the data in the report. That way when they find the given information they need they can easily click add or edit and continue working without having to scroll back to the left of the report and potentially lose the track of which record they were looking at.
Has anyone had to work on anything like this before?
Edit: The three left most columns contain the edit, add and the Id for the record. They add needs to be within the record due to some sequencing requirements.
Cheers,
Tyson Jouglet
Edited by: Tyson Jouglet on Jan 8, 2009 10:48 AM

Hey Andy,
So I have come up with version 1 of the scrollable plugin for jQuery. This is by no means finished, I am just exited about the progress. I created an extension that takes two parameters. size and width. size specifies the number of columns you want to remain frozen and width specifies how wide you want the scrollable portion to be. I am having issues with the scrollable part showing up in IE but in FF everything is working as intended. So if anyone has any pointers on how to re factor this or maybe a better way to approach this, I am all ears.
Here is the plugin code. I saved mine as jQuery.scrollable-1.0.js
(function($){
      *   jQuery.scrollable
      * Version: 1.0
      *   Author: Tyson Jouglet
      *     Date: January 14th, 2009
      * Purpose: This plugin will allow for certain columns of a table
      *           to remain fixed, while allowing others to scroll horizontally.
      *           This way a report with mass amounts of columns can fit into a
      *           more reasonable space.
     $.fn.scrollable = function(size,width){
          var frozenHTML = '';
          var scrollableHTML = '';
          this.width = (!width) ? '100px' : width;
          //insert our table structure after the item which called the scrollable function
$('<table id="scrollableContainer"><tr><td><table id="frozen"></table></td><td><div id="scrollable"><table></table></div></td></tr></table>').insertAfter(this);
          //build frozen columns
          //find each row of our table
          $(this).find('tr').each(function(){
               frozenHTML += '<tr>';
               //Get all td tags that are <= size.
               //Store the HTML and remove the element from the DOM.
               $(this).find('td:lt('+size+')').each(function(i){
                    frozenHTML += '<td>' + $(this).html() +'</td>';
                    $(this).remove();
               frozenHTML += '</tr>';
          //build scrollable columns
          $(this).find('tr').each(function(){
               scrollableHTML += '<tr>';
               //get all remaing td tags.
               $(this).find('td').each(function(i){
                    scrollableHTML += '<td>' + $(this).html() +'</td>';
                    $(this).remove();
               scrollableHTML += '</tr>';
          //add the html to the document.
          $(frozenHTML).appendTo('#frozen');
          $(scrollableHTML).appendTo('#scrollable');
          //apply formatting
          $('#frozen').parent().css('vertical-align','top');
          $('#scrollable').parent().css('vertical-align','top');
          $('#scrollable').css('overflow-y','hidden')
                          .css('overflow-x','auto')
                              .css('width',this.width);
          //remove the rest of the old table.
          $(this).remove();
})(jQuery);//maintain reference to the jQuery object so we can use $here is a sample page.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
     <head>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
          <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
          <script type="text/javascript" src="jQuery.scrollable-1.0.js"></script>
          <script type="text/javascript">
               $(function(){
                    $('#mytable').scrollable(1,'75px');
          </script>
          <title>Scrollable Test!</title>
     </head>
     <body>
          <table id="mytable">
               <tr>
                    <td>11111</td>
                    <td>22222</td>
                    <td>33333</td>
                    <td>44444</td>
                    <td>55555</td>
                    <td>66666</td>
               </tr>
               <tr>
                    <td>11111</td>
                    <td>22222</td>
                    <td>33333</td>
                    <td>44444</td>
                    <td>55555</td>
                    <td>66666</td>
               </tr>
               <tr>
                    <td>11111</td>
                    <td>22222</td>
                    <td>33333</td>
                    <td>44444</td>
                    <td>55555</td>
                    <td>66666</td>
               </tr>
               <tr>
                    <td>11111</td>
                    <td>22222</td>
                    <td>33333</td>
                    <td>44444</td>
                    <td>55555</td>
                    <td>66666</td>
               </tr>
               <tr>
                    <td>11111</td>
                    <td>22222</td>
                    <td>33333</td>
                    <td>44444</td>
                    <td>55555</td>
                    <td>66666</td>
               </tr>
               <tr>
                    <td>11111</td>
                    <td>22222</td>
                    <td>33333</td>
                    <td>44444</td>
                    <td>55555</td>
                    <td>66666</td>
               </tr>
          </table>
     </body>
</html>Cheers,
Tyson

Similar Messages

How to have a table with a horizontal scroll bar

Hi All,
I need to develop a page in which i have around 15 columns in a table to display in a table format.The requirement also says that after the first 4 columns ,all the remaining columns in the table should have a horizontal scroll bar,so that the user can see the remaining columns as required by scrolling horizontally in the table.
Is this possible to do in OAF and if yes how?
I created a table region with 15 columns but i am getting a horizontal scroll bar on the page but not on the table.Please kindly suggest .
Thanks in advance.

Sumit,
I guess the functionality they are looking for here is similar to freezeing of some columns in excel sheets. This makes the initial columns as it is and rest of the columns have scrolling enabled. This is useful in scenario where there are a large number of columns and while looking at last columns, you will probably like to see the first couple of column data as well to map to see which id or user it belongs to. Just a useability case :-)
--Shiv

Horizontal Scroll Box in Adobe Edge

Hello!
I am very new to html and css coding. I've been teaching myself adobe edge animate to build a website from scratch since it is very similar to After Effects, a program i am comfortable with.
I was wondering how would i go about making a horizontal scroll container that would house image files.
Here is an example: http://golfwang.com/fall-winter-2013-lookbook/
This site translates very well to mobile as well, you can swipe with your fingers in either direction to get the box to scroll. Thank you in advance for any input on the subject.

Thank you Zaxist.
I actually ended up using your post from this thread to solve my problem: http://forums.adobe.com/thread/1144336
I just did everything you said, i took all my pictures and made them a symbol followed by changing the overflow size and setting it to auto.
The only problem im getting now is it wont switch to the custom scroll bar. Does it specifically only work with Text? Like i said before, i have no knowledge of html or css, i just barely understand the concepts and where to drop in my div tags, etc.

Horizontal Scrolling

Hey guys, I'm trying to make a section of my web page scroll horizontally. I have found several working examples of this but they all make the entire <body> tag scrollable. I want just the blue outlined section in the following image to scroll and for everything else, including the background, to stay fixed to the page.
You can visit the live site at http://www.kylelord.com. I will also include the code to the body section here to make it easier but you can view the source on the live site if you'd rather.
<body>
<div id="container">
          <div id="header"></div>
    <div id="content">
                    <div id="about">
                              <div id="aboutHead"></div>
                              <div id="aboutBody">
                      <p>Graphic designer in the Philadelphia and New York area.</p>
                      <p>Driven and hard-working person with an excellent sense of design.</p>
                      <p>Specialties include publication, advertising, and web.</p>
            </div>
                              <div id="contact">
            <p><a href="mailto:[email protected]"><img src="images/mail-02.png" /> [email protected]</a></p>
            <p>   <img src="images/phone-02.png" />     <span class="mobile"><a href="tel:18459268873">845.926.8873</a></span></p></div>
                    </div>
                    <div id="featured">
                        <div id="featuredHead"></div>
                          <div id="row1">
                      
                            <span class="imagePlaceholder"><a href="images/portfolio/fullsize/ps3_1.png" rel="lightbox[ps3]" title="Playstation 3 Ad Campaign"><img src="images/portfolio/thumbs/ps3_thumb.png" class="imageCenter" /></a>
                          <a href="images/portfolio/fullsize/ps3_2.png" rel="lightbox[ps3]" title="Playstation 3 Ad Campaign"></a>
                    <a href="images/portfolio/fullsize/ps3_3.png" rel="lightbox[ps3]" title="Playstation 3 Ad Campaign"></a>
                </span>
                
                <span class="imagePlaceholder"><a href="images/portfolio/fullsize/mod1.png" rel="lightbox[modern]" title="The Modern Restaurant Identity and Menu | Dinner Menu"><img src="images/portfolio/thumbs/modern_thumb-02.png" class="imageCenter" /></a>
                          <a href="images/portfolio/fullsize/mod2.png" rel="lightbox[modern]" title="The Modern Restaurant Identity and Menu | Dinner Menu"></a>
                    <a href="images/portfolio/fullsize/mod3.png" rel="lightbox[modern]" title="The Modern Restaurant Identity and Menu | Dinner Menu"></a>
                    <a href="images/portfolio/fullsize/mod4.png" rel="lightbox[modern]" title="The Modern Restaurant Identity and Menu | Drink Menu"></a>
                    <a href="images/portfolio/fullsize/mod5.png" rel="lightbox[modern]" title="The Modern Restaurant Identity and Menu | Drink Menu"></a>
                    <a href="images/portfolio/fullsize/mod6.png" rel="lightbox[modern]" title="The Modern Restaurant Identity and Menu | Dessert Menu"></a>
                    <a href="images/portfolio/fullsize/mod7.png" rel="lightbox[modern]" title="The Modern Restaurant Identity and Menu | Identity"></a>
                </span>
        </div>
                  <div id="row2">
                      
                            <span class="imagePlaceholder"><a href="images/portfolio/fullsize/lud1.png" rel="lightbox[lud]" title="Ludwig & Son's Corporate Identity"><img src="images/portfolio/thumbs/lud_thumb-02.png" class="imageCenter" /></a>
                          <a href="images/portfolio/fullsize/lud2.png" rel="lightbox[lud]" title="Ludwig & Son's Corporate Identity"></a>
                </span>
                
                <span class="imagePlaceholder"><a href="images/portfolio/fullsize/ed1.png" rel="lightbox[ed]" title="Alternative Press Editorial"><img src="images/portfolio/thumbs/ap_thumb-02.png" class="imageCenter" /></a>
                          <a href="images/portfolio/fullsize/ed2.png" rel="lightbox[ed]" title="Alternative Press Editorial"></a>
                          <a href="images/portfolio/fullsize/ed3.png" rel="lightbox[ed]" title="Alternative Press Editorial"></a>
                          <a href="images/portfolio/fullsize/ed4.png" rel="lightbox[ed]" title="Alternative Press Editorial"></a>
                </span>
                  </div>
                  <div id="row3">
                      
                            <span class="imagePlaceholder"><a href="images/portfolio/fullsize/ad1.png" rel="lightbox[kindle]" title="Kindle Advertising Campaign"><img src="images/portfolio/thumbs/ad_thumb-02.png" class="imageCenter" /></a>
                          <a href="images/portfolio/fullsize/ad2.png" rel="lightbox[kindle]" title="Kindle Advertising Campaign"></a>
                    <a href="images/portfolio/fullsize/ad3.png" rel="lightbox[kindle]" title="Kindle Advertising Campaign"></a>
                    <a href="images/portfolio/fullsize/ad4.png" rel="lightbox[kindle]" title="Kindle Advertising Campaign"></a>
                </span>
                
                <span class="imagePlaceholder"><a href="images/portfolio/fullsize/cal1.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"><img src="images/portfolio/thumbs/cal_thumb-02.png" class="imageCenter" /></a>
                          <a href="images/portfolio/fullsize/cal2.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                    <a href="images/portfolio/fullsize/cal3.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                    <a href="images/portfolio/fullsize/cal4.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                    <a href="images/portfolio/fullsize/cal5.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                    <a href="images/portfolio/fullsize/cal6.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                    <a href="images/portfolio/fullsize/cal7.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                    <a href="images/portfolio/fullsize/cal8.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                    <a href="images/portfolio/fullsize/cal9.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                    <a href="images/portfolio/fullsize/cal10.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                    <a href="images/portfolio/fullsize/cal11.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                    <a href="images/portfolio/fullsize/cal12.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
               </span>
        </div>
              </div>
        <div id="caseStudy">
                  <div id="type">
            <h1><a href="marfan.html" title="National Marfan Foundation">Click</a></h1>
            <h2>this guy to hear his story</h2>
            </div>
            <div id="stick">
            <a href="marfan.html" title="National Marfan Foundation"><img src="images/stick.png" onmouseover="this.src='images/stick-over.png'" onmouseout="this.src='images/stick.png'" /></a>
            </div>
        </div>
    </div>
    <div id="footer">
              <div id="downloads">
        <h1>Downloads</h1>
        <p><a href="downloads/KyleLord_portfolio.pdf">Portfolio</a></p>
        <p><a href="downloads/KyleLord_resume.pdf">Resume</a></p>
        </div>
        <div id="contactlinks">
        <h1>Contact</h1>
        <p><a href="mailto:[email protected]">[email protected]</a></p>
        <p><span class="mobile"><a href="tel:18459268873">845.926.8873</a></span></p>
        </div>
        <div id="copyright">
        <a href="http://www.facebook.com/eyeamthekiller0" target="_blank"><img src="images/facebook.png"/></a>
        <a href="https://twitter.com/#!/Kyle_Design" target="_blank"><img src="images/twitter.png" /></a>
        <a href="http://www.linkedin.com/pub/kyle-lord/32/a94/125" target="_blank"><img src="images/linkedin.png" /></a>
        <p>© 2012 Kyle Lord.</p>
        </div>
    </div>
    <div id="underFooter"></div>
</div>
</body>
After researching horizontal scrolling on some sites it seems that I will have to use JQuery to add a "smooth scrolling" effect the page. I also plan to add a link that will lead to an anchor that will exist outside of the visible area (to the right), that is when I plan for the scrolling effect to take place. I want it to animate by scrolling from right to left all the way to the anchor that is linked to. Here are some links to sites I have read up about it on. They also demonstrate the type of effect that I want.
http://www.sitepoint.com/side-scrolling-site-layout-with-css-and-jquery/
http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-j query/
http://css-tricks.com/how-to-create-a-horizontally-scrolling-site/
It may be an easy fix but I don't have much experience with JavaScript or JQuery. Any help or ideas would be appreciated. I would not object to alternate ideas.
-Kyle
Graphic Designer
[email protected]

Place all you want to scroll inside of a movieclip, and give it a instace of dragMe, then paste this code into your timeline
var ease:int = 6;
var targY:int = dragMe.x;
var drag:Boolean = false;
var ptY:Number = 0;
dragMe.addEventListener(Event.ENTER_FRAME, dragHandler, false, 0, true);
dragMe.addEventListener(MouseEvent.MOUSE_DOWN, downHandler, false, 0, true);
stage.addEventListener(MouseEvent.MOUSE_UP, upHandler, false, 0, true);
function dragHandler(e:Event):void
          if (drag)
                    targY = mouseX + ptY;
          e.target.x += (targY - e.currentTarget.x) / ease;
function upHandler(event:MouseEvent):void
          drag = false;
function downHandler(e:MouseEvent):void
          ptY = e.currentTarget.x - mouseX;
          drag = true;

Horizontal scroll

Hi,
I´m building a centered contents website with an horizontal scroll of images, but i got stuck on some problems:
1. How can i make the end images stop scrolling in the centre?
2. On the horizontal scroll of images, how can i make it possible to click drag with the mouse (similar to touch screen devices) without having to use the scroll bar?
3. I'm experiencing problems with mac os platform devices: some contents appear out of place. This is the website - www.craft.pt
Could you please advise me?
Thank you,
Vânia

Here are the images on ios devices:
Thank you for your help.

Horizontal scrolling. Is it possible?

Hello. I'd like to create some pages for photos, similar to these
http://dzineblog.com/2009/07/web-design-ideas-27-horizontal-scrolling-websites.h tml
Is it possible?
Thanks

Nobody else is having this problem?
I exclusively use the Trackpoint to scroll -- but now that more and more sites are "doing something" if they detect horizontal scrolling, it's becoming a hassle.
I believe there is a similar problem with scrolling gestures on a trackpad -- but my understanding is that it's possible to configure that for vertical-only scrolling (is that correct)?
So we just need the option that Trackpoint scrolling would be vertical-only...

Horizontal scrolling. Help with large images.

Putting together a .pdf publication for iPad.
I have content that fits a standard iPad format BUT I also have these very long timelines (170cm x 21 cm). These need to be displayed zoomed in - with the reader swiping right to accessing the remainder of the content. So a horizontal scroll! Whenever I test it on the iPad it display the full image (so zoomed out and tiny). The other images are displaying fine.
So how do I make sure I view them as I require?
Thanks!

I also need this feature, to view and mark up street plans that are long narrow landscape format pages with "match lines" at the left and right sides. What I want is similar to Acrobat's existing "Enable Scrolling" -- but in the horizontal direction. Planners need this for road and path plans. Musicians and composers need this for viewing multi-page sheet music so they can browse the entire "timeline" of the piece. And as the OP notes, schedule planners need this for reviewing timelines such as Gantt charts.
Adobe, please add this feature. I'll gladly pay for an upgrade (currently using Acrobat Pro XI Mac).

Horizontal Scrolling - Illustrator CC

Hello, I just updated from illustrator CS6 to CC but now i can´t do horizontal scrolling, instead of going horizontaly it goes verticaly but faster than the normal horizontal scroll. Is there a way to reactivate horizontal scrolling without pressing ctrl?
I tryed searching for a similar topic but couldnt find it, any suggestions would be helpfull, Thanks.

Is this an issue with your Mouse settings? I'm not familiar with Illustrator determining the horizontal/vertical scrolling. What are your mouse settings in your System Prefs?

Horizontal scrolling presentation

greetings i am making a horizontal scrolling website that has to be similar to my website in that it is horizontal scrolling. i know how to do that part
my problem is simple: it doesnt let me scroll past 5000 pixels. i need to place each section 1000 pixels away from each other my last page will need to be 22000 pixels. i know that it seems a lot but that is exactly what i want. why is flash limiting me to only 5000? is there a solution?
thank you

there are limitations on everything in flash.
use actionscript to add your displaylist objects.

DataGrid Horizontal Scroll Problem when datagrid contains Item renderer

I have datagrid with horizontal scroll policy enabled. Grid
contains some item renderer also.One of the item renderer is
datefield when i select a date from the datefield and say the
adjacent cell of the grid also contain datefield itemrenderer
and i am selecting date from that itemrenderer also.When i
scroll horizontally the date in the itemrender changes to any one
of the two itemrenderer.Some time it works fine.I am getting the
issue for combobox itemrender also.Can any one help me to solve
this issue.

"happybrowndog" <[email protected]> wrote in
message
news:ge11ag$jdo$[email protected]..
>
quote:
Originally posted by:
ravi_bharathii
> I have datagrid with horizontal scroll policy enabled.
Grid contains some
> item
> renderer also.One of the item renderer is datefield when
i select a date
> from
> the datefield and say the adjacent cell of the grid also
contain datefield
> itemrenderer
> and i am selecting date from that itemrenderer also.When
i scroll
> horizontally
> the date in the itemrender changes to any one of the two
itemrenderer.Some
> time
> it works fine.I am getting the issue for combobox
itemrender also.Can any
> one
> help me to solve this issue.
>
> Ravi, I am having a similar problem. I subclass a
TextInput as an
> itemrenderer for a column in a datagrid. My subclassed
TextInput checks
> to see
> the value in the overriden set() method, and depending
on the value, sets
> the
> background color of the TextInput to green. When the
datagrid scrolls
> horizontally, some unrelated cell colors also change
green and some of the
> data
> gets duplicated in the cells. The underlying data
provider's data is not
> confused however. Seems the rendering is screwed up when
the Datagrid
> scrolls.
>
> Did you find a solution to this problem? I think
Datagrid is a piece of
> screwed up code.
http://www.magnoliamultimedia.com/flex_examples/Amys_Flex_FAQ.pdf
Q2

Start a horizontal scroll in the middle of a table?

Hello,
My demanding users are at it again. Although I am learning alot but lest I digress;-) Lets say I have a tableview with 72 columns that is one month for each year spanning over 6 years. No biggie but instead of the horizontal scroll starting at the left most point I would like start the scroll in the middle (say at column 36 or something) of the tableview. So if my tableview starts at 03/2002 in column 1 and goes to 03/2008 in column 72 I want the horizontal scroll to start at 03/2005(current month)in column 36 each time the table is rendered. I am using MVC and the tableview iterator(which I love).
I was hopeing that I could find something similar to a dropdown i.e. pre-populate a selected value and the dropdown starts at that selection not the top most one. Any one have any ideas where I could begin? I have searched this forum for 'horizontal' and 'scrolling' but no hits.
TIA,
Rich

Hello!
I gave the example from Thomas Ritter to the JS person here and he got it working. I can't take credit but I wanted to share it with the forum. Basically what happens is that the horizontal scroll will scroll to the right till the date column that is close to the current date. I say close to because some of the columns are in months so if the current date is 21-MAR-05 then the horizontal scroll will scroll right until MAR-05. Either way here is the code. As I said before I take no credit for it. I do have another question though. Anyone have any ideas how to change it so that I can pass it a date and have it scroll there instead of the current date?
<code>function lockCol(tblID) {
     var table = document.getElementById(tblID);
     var cTR = table.getElementsByTagName('tr'); //collection of rows
     var coords = { x: 0, y: 0 };
     var now = new Date();
     var strMonthArray = new Array(12);
     strMonthArray[0] = "Jan";
     strMonthArray[1] = "Feb";
     strMonthArray[2] = "Mar";
     strMonthArray[3] = "Apr";
     strMonthArray[4] = "May";
     strMonthArray[5] = "Jun";
     strMonthArray[6] = "Jul";
     strMonthArray[7] = "Aug";
     strMonthArray[8] = "Sep";
     strMonthArray[9] = "Oct";
     strMonthArray[10] = "Nov";
     strMonthArray[11] = "Dec";
     strMonth = strMonthArray[now.getMonth()];
     year = new String(now.getYear());
     var today = now.getDate() + "-" + strMonth + "-" + year.substr(2,2);
     if (table.rows[0].cells[0].className == '') {
          for (i = 1; i < cTR.length; i++) {
               var tr = cTR.item(i);
               if(i == 1){
                    tr.cells[0].className = 'firstLocked';
                    innerloop:
                    for (j = 2; j < 100 ; j++) {
                         if(compareDate(today, tr.cells[j].innerText)) {
                              elt = tr.cells[j];
                              while (elt) {
                                   coords.x += elt.offsetLeft;
                                   elt = elt.offsetParent;
                         break innerloop;
               else{tr.cells[0].className = 'locked'}
     else {
          for (i = 1; i < cTR.length; i++){
          var tr = cTR.item(i);
          tr.cells[0].className = '';
     document.getElementById('tbl-container').scrollLeft = coords.x - 69;
function compareDate(date1, date2){
     a = date1.split("-");
     b = date2.split("-");
     day1 = parseInt(a[0]);
     month1 = a[1];
     year1 = a[2];
     day2 = parseInt(b[0]);
     month2 = b[1];
     year2 = b[2];
     if(year1 == year2) {
          if(month1 == month2) {
               if((day2 >= day1)) {return true;}
               else {return false;}
          else {return false;}
     else {return false;}
}</code>
Cheers,
Rich

Annoying Finder Horizontal Scroll Bar

I have an annoying Finder issue with Mountain Lion OS X 10.8 and maybe someone knows how to fix. When I have a folder displayed, like the Applicaitons folder, with View opton set to "as List" the Finder displays a long horizontal scroll bar at the bottom that is active. How can I lock or anchor the horziontal scroll bar to the left side. It really gets to be annoying as you mouse scroll up and down the list. I have the same issue in with Excel and Numbers. If it cannot be locked to the left, can it be disabled or deleted?

I just made each item listed the min width and this let me resize the window to ditch the horziontal scroll bar. This helped but did not solve the issue on how to lock it to the left or turn it OFF.
Thanks

Horizontal Scroll still not working?

I'm trying to do a simple horizontal scroll w/in a container frame. It worked beautifully, and then I upgraded to drop 19. Now, poof! It's gone. I see other, similar comments on this forum, but no answers. Has anyone discovered a workaround? Or know when it will be fixed?

Thanks, Bob. I've actually tried that, to no avail. It works perfectly in my desktop viewer, but when I view it in our viewer (built with viewer builder), the content of the frame disappears.
Sometimes - and I haven't nailed down which isolated function makes this happen - the scroll bars will appear, as if the container frame knows it should be scrolling something, but the contents are gone.
Original content was images, text and buttons. But I've stripped it down to the bare minimum -- one large image, no interactivity, and still no luck. Have you heard of others with this problem, or is it a user-error somehow?

Horizontal Scrolls on the main Stage

Hi
I am putting 11 movies containing 11 flv files on my main
stage. All those movies have onMouse over and click events attached
with them. As those movies are not going to fit on the main stage
so when i am running the flash file, it is just displaying 5 of the
11 movies and rest are being cut. Is there any way that I can code
so that I will get the horizontal scrolls automatically if the
movies are not going to fit on the screen? I am new to the 'stage'
and AS3 concepts . Please help me out.
All I need is to put 11 movies on the main stage with the
horizontal scrolls.
Thanks in advance for your help
regards
Anuj

you can check a similar thread involving a scrolling
movieclip:
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=15&catid=665&threadid =1324923&enterthread=y

WAD - how to get fixed display of colums when horizontal scrolling

Hi All,
Is it possible in the Web Application Designer to have the first 2 or 3 columns at a fixed position (meaning no horizontal scroll) while the other columns (next to them) will scroll horizontaly (using the horizontal scroll bar). Like the 'protect' function as you have in Excel.
Best regards,
Josh

Dear Josh,
basicly there a to options to achieve scrolling with fixed cells:
1. BW Standard Scrolling
   Use Scrolling function of the Web Template Item, it
   create icon below the table
2. Use CSS based scroll feature
   like: http://www.imaputz.com/cssStuff/bigFourVersion.html
search google for "css table scroll"
Regards Marcus

Horizontal scrolling similar to excel

Similar Messages

Maybe you are looking for