Difference between revisions of "CarouselView Options"
Yvonne.milne (Talk | contribs) |
Yvonne.milne (Talk | contribs) |
||
Line 38: | Line 38: | ||
− | The Images attribute is a comma separated list of image file names specifying the images to be displayed. | + | 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. | 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. | ||
Line 50: | Line 50: | ||
− | The Captions attribute is a comma separated list of captions to be displayed on the images. | + | 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. | 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. | ||
Line 62: | Line 62: | ||
− | The Sub captions attribute is a comma separated list of captions to be displayed on the images. | + | 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. | 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. | ||
Line 74: | Line 74: | ||
− | The Menu attribute is a | separated list of menuitems to be embedded at the top of the CarouselView section. | + | 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. | The menu may contain submenus. Sub menuitems are comma separated and in parentheses. | ||
Line 81: | Line 81: | ||
Note: for single level menus, the menuitems can be comma-separated or | separated. | 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. | ||
+ | |||
<br clear=all> | <br clear=all> | ||
Line 88: | Line 91: | ||
− | The Show controls attribute determines whether the controls (next and previous arrows) are displayed. | + | The '''Show controls''' attribute determines whether the controls (next and previous arrows) are displayed. |
<br clear=all> | <br clear=all> | ||
Line 97: | Line 100: | ||
− | The Show indicators attribute determines whether the indicators (selection dots) are displayed. | + | The '''Show indicators''' attribute determines whether the indicators (selection dots) are displayed. |
Line 114: | Line 117: | ||
− | The Cycle interval attribute can be set to a non-zero value to cause the images to cycle automatically. | + | 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. | Here the Cycle interval has been set to 5, so the next image will be selected every 5 seconds. |
Revision as of 12:12, 10 April 2015
Under Construction
Contents
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. |
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 the images files to be used in the CarouselView Section to the App by dragging them into the Apps Workspace.
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
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.
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
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
The Show controls attribute determines whether the controls (next and previous arrows) are displayed.
Show indicators
The Show indicators attribute determines whether the indicators (selection dots) are displayed.
Cycle interval
The controls and the indicators are shown by default and are used to move through the images.
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 | - |