Difference between revisions of "CarouselView Options"

From Lianjapedia
Jump to: navigation, search
Line 1: Line 1:
 
==See Also==
 
==See Also==
[[PanelView Options]]
+
[[CarouselView Section Attributes]], [[PanelView Options]]
  
 
==Overview==
 
==Overview==

Revision as of 08:39, 24 September 2015

See Also

CarouselView Section Attributes, PanelView Options

Overview

  CarouselView Sections are ideal as Welcome pages.

  The images can be selected by clicking on the left or right control arrows
  or by using the indicator dots at the bottom of the image.

  They can also be set to automatically cycle through at a specified interval.


CarouselView Section



A CarouselView Section displays images along with their captions and sub captions.

It can also optionally have a menu.

The next and previous arrows (Controls) and the selection dots (Indicators) move through the images.


Images

Add images to App



Add the images files to be used in the CarouselView Section to the App by dragging them into the Apps Workspace.


CarouselView Section: images attribute



The Images attribute is a comma separated list of image file names specifying the images to be displayed.

Clicking on the [...] button pops up an editor. Just enter each file name on a line of its own and the comma separators will be added for you.


Captions

CarouselView Section: Captions attribute



The Captions attribute is a comma separated list of captions to be displayed on the images.

Clicking on the [...] button pops up an editor. Just enter each caption on a line of its own and the comma separators will be added for you.


Sub captions

CarouselView Section: Sub captions attribute



The Sub captions attribute is a comma separated list of captions to be displayed on the images.

Clicking on the [...] button pops up an editor. Just enter each sub caption on a line of its own and the comma separators will be added for you.


Menu

CarouselView Section:Menu attribute


The Menu attribute is a | separated list of menuitems to be embedded at the top of the CarouselView section.

The menu may contain submenus. Sub menuitems are comma separated and in parentheses.

Clicking on the [...] button pops up an editor. Just enter each menuitem (and its sub menuitems if required) on a line of its own and the | separators will be added for you.

Note: for single level menus, the menuitems can be comma-separated or | separated.

The Custom section menu Custom delegate is called when a menuitem or sub menuitem is selected.


Show controls

CarouselView Section: Show controls attribute



The Show controls attribute determines whether the controls (next and previous arrows) are displayed.


Show indicators

CarouselView Section: Show indicators attribute



The Show indicators attribute determines whether the indicators (selection dots) are displayed.



Cycle interval

CarouselView Section: Controls and Indicators



The controls and the indicators are shown by default and are used to move through the images.

CarouselView Section: Cycle interval attribute


The Cycle interval attribute can be set to a non-zero value to cause the images to cycle automatically.

Here the Cycle interval has been set to 5, so the next image will be selected every 5 seconds.



Notes on Client Support

Attribute Notes
Menu -
Images -
Captions -
Sub captions -
Show controls -
Show indicators -
Cycle interval -