only 3 item showing

Try making some changes to the scrollable css file - or better still add the relevant css to your theme to overide it:

Try adding this to your theme css file.

div.scrollable div.items div.item {
float:left;
width:920px;
}

div.scrollable {
float:left;
height:300px;
overflow:hidden;
position:relative;
width: 920px;
}

The first bit refers to the individual item and the second refers to the whole scrollable. I have changed both to 920px as thats the best size for my theme. if they are both the same value that means that each item fills up the entire scrollable. I also have the number set to 1 in the settings.

Joe

You may already know this but...

Another good trick to make the scrollable effect even better is to use some table html in the view to handle the layout... This means you can lay out content into a grid, without using the grid style display (as thats being used by scrollable). I wanted my title above on the left, then below that the body of the text - then on the right the picture.

Below is some table code which makes a 3 column 2 row table - the [title] inserts the title field into the first row, then the [body] inserts the body text into the second row 1st column and makes it 50% wide. Then the second column is 10% and left blank to allow for some horizontal spacing between the text and the image. Then the [field_image_fid] goes in column 3 row 2.

Add your fields, and also add a global 'custom text' field. In the global text 'text' bit add something like:

<table border="0" cellpadding="5px" cellspacing="5px" width="100%">
<tr>
<td><h2>[title]<h2/></td>
<td></td>
</tr>
<tr>
<td width="50%">[body]</td><td width="10%"></td><td>[field_image_fid]</td>
</tr>
</table>

(Change the info in the [] brackets to reflect your fields.)

and then click 'exclude from display' on all the fields except the global custom text field.

Now you have your content laid out in a scrollable table - ideal for flicking through portfolio work etc.

Joe