Difference between revisions of "CarouselView Options"

From Lianjapedia
Jump to: navigation, search
Line 1: Line 1:
 
''Under Construction''
 
''Under Construction''
  
−
{| class="wikitable" style="margin: auto;border-width:0;"
 
−
!colspan="2" style="height:50px;" |CarouselView Sections.
 
−
|-
 
−
| style="text-align:center;" | {{#widget:Vimeo|id=124624079 |width=450 |height=253}}
 
−
! style="text-align:left;width:500px" |CarouselView Sections are ideal as Welcome pages.<br><br>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.<br><br>They can also be set to automatically cycle through at a specified interval.
 
−
|}
 
  
 
==Overview==
 
==Overview==
 +
 +
{{#widget:Vimeo|id=124624079 |width=450 |height=253}}
 +
 +
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.
 +
 
[[{{ns:file}}:carview_app.png|450px|thumb|left|link={{filepath:carview_app.png}}|CarouselView Section]]
 
[[{{ns:file}}:carview_app.png|450px|thumb|left|link={{filepath:carview_app.png}}|CarouselView Section]]
  
Line 119: Line 118:
  
 
<br clear=all>
 
<br clear=all>
 +
 +
==Notes on Client Support==
  
 
{| class="wikitable" width="100%"
 
{| class="wikitable" width="100%"
 
!width="20%"|Attribute
 
!width="20%"|Attribute
−
!width="80%"|Description
+
!width="80%"|Notes
 
|-
 
|-
−
|valign="top"|Menu||The menu to embed at the top of the CarouselView section.  This may contain submenus.  Menuitems should be &#124; separated, with sub menuitems comma-separated and in parentheses. For single level menus, the menuitems can be comma-separated or &#124; separated.
+
|valign="top"|Menu||-
 
|-
 
|-
−
|valign="top"|Images||A comma separated list of images to be displayed as a carousel.
+
|valign="top"|Images||-
 
|-
 
|-
−
|valign="top"|Captions||A comma separated list of captions to be displayed in the carousel images.
+
|valign="top"|Captions||-
 
|-
 
|-
−
|valign="top"|Sub captions||A comma separated list of sub captions to be displayed in the carousel images.
+
|valign="top"|Sub captions||-
 
|-
 
|-
−
|valign="top"|Show controls||Show the carousel left and right selection controls (True &#124; False).
+
|valign="top"|Show controls||-
 
|-
 
|-
−
|valign="top"|Show indicators||Show the carousel panel indicators (True &#124; False).
+
|valign="top"|Show indicators||-
 
|-
 
|-
−
|valign="top"|Cycle interval||The interval in seconds to cycle through the images.  0 (default) specifies no cycling.
+
|valign="top"|Cycle interval||-
 
|-
 
|-
 
|}
 
|}
  
 
[[Category:Attribute Categories]]
 
[[Category:Attribute Categories]]

Revision as of 11:57, 10 April 2015

Under Construction


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.

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 -
Retrieved from "https://www.lianja.com/doc/index.php?title=CarouselView_Options&oldid=11198"