wc.widget.ScrollablePane

Sample Output

Example

<div id="id" dojoType="wc.widget.ScrollablePane"
  autoScroll='false'
  altPrev = '<fmt:message key="SCROLL_LEFT" bundle="${storeText}" />'
  altNext = '<fmt:message key="SCROLL_RIGHT" bundle="${storeText}" />'>
  <div dojoType="dijit.layout.ContentPane" class="imgContainer">

    HTML markup of the scrollable object

  </div>
  <div dojoType="dijit.layout.ContentPane" class="imgContainer">

    HTML markup of the scrollable object

  </div>
</div>

Styling

imgContainer

Each item in the scroll pane is contained within a division with the imgContainer class. Each scrollable item is contained within a division with this class.

navNext

The styling of the right navigation control.

navPrev

The styling of the left navigation control.

thumbsNode

The styling between the thumbScroller and the imgContainer.

thumbOuter

The entire ScrollablePane widget is contained within a division with this class.

thumbScroller

All the scrolling items.

Parameters

adjustPaneSize

(Boolean) Indicates whether the scrollable pane size can be adjusted when there are less than the totalDisplayNodes item to list. When the value is true, the scrollable pane shortens to avoid showing excess white space. The default value is false.

altNext

(String) The alternative (alt) text for the right button control.

altPrev

(String) The alternative (alt) text for the left button control.

autoScroll

(Boolean) This flag indicates whether the scrollable pane scrolls automatically or manually. When the value is true, the scrollable pane scrolls automatically. The default value is false.

autoScrollDir

(Integer) Indicates the scrolling direction. The acceptable values are -1 and 1. The default value is 1.

buttonSize

(Integer) Indicates the size of the button, in pixels.

delay

(Integer) Indicates the delay time, in milliseconds, of the animation.

direction

(Integer) Indicates the direction of the scrolling animation. The acceptable values are -1 and 1. The default value is 1, where the animation scrolls to the left, and new products appear from the right when displayed horizontally. The animation scrolls up, and new products appear from the bottom when displayed vertically.

hideArrows

(Boolean) Indicates whether the arrows in the scrollable pane can be automatically hidden when the scrolling is unavailable. That is, when all the items can fit into the scrollable pane without overflowing. When the value is true, the arrows automatically hide when they are not enabled. The default value is false.

isHorizontal

(Boolean) Indicates whether to display the thumbnails horizontally or vertically. When the value is true, the thumbnails are displayed horizontally. When the value is false, the thumbnails are displayed vertically. The default value is true.

itemSize

(Integer) Indicates the width, in pixels, of each scrollable item.

loopItems

(Boolean) Indicates if the list immediately loops to the beginning in the same view when the scrolling reaches the end of the list. If true, the last scroll view contains only the last set of items, and the next scroll view starts from the beginning of the list. The default value is false.

scrollByPage

(Boolean) Indicates if the list is scrolled by page instead of by item. The default value is false.

skipIECorrection

(Boolean) Indicates whether to ignore the Internet Explorer-specific layout adjustments. When the value is true, the layout adjustments for Internet Explorer are ignored. The default value is false.

totalDisplayNodes

(Integer) Indicates the total number of items they can be shown on the screen at one time, for example 5.