Remote youtube video 2
Carousel component fields.
Subtitle: Component title, an h2 heading appearing before component’s content
Slide content source: Options to select the source of the content used in the carousel.
- Gallery from an album: Select this choice to choose an album using the Album field that appears.
Album: A field to reference an existing or included album by name. Field will provide albums for selection if the album’s title contains the text within the field. - Manually select: manually input articles or pages, from a populated selection based on the input text.
- Custom query (microview): Displays a limited amount articles in order of published date, filterable tags and offset.
Album (only available for Gallery from an album source): Input the title of the Album to use as a source of content.
This is an auto complete field, displaying a selection of albums based on supplied text.
Custom query (microview) specific fields:
- Number of results: Total number of articles to display from the offset amount. Maximum is 100.
- Offset: Number of events to skip before starting to display events.
- Limit by tags: Add comma separated tags, to limit the display of events to only those that are tagged with the tags selected.
Carousel Display Modes:
- - Default -: Carousel stretching across the available content area.
- Full Width: Carousel extending to the left and right edges of the site.
- Full Width Slim: Like the Full Width, but with tighter spacing.
All Displays modes have previous and next arrows alongside a numerical counter displaying the current and total slides number of slides.
Carousel options:
- Disable slide counter: Removes the numerical counter, which display current slide and total slides. If Full Width or Full Width Slim is selected as Carousel Display Mode, the previous and next slide arrows will be placed on their respective edges (left and right) of the carousel.
- Image right | Text left: A toggle to switch the position of carousel’s image and text, disabled is the default.
- Wrapper class: A text field to add a list of CSS classes (space separated) to the wrapping div element. Certain classes can change the look of the carousel.
Fullwidth Custom query (Micro view) carousel demo.
Display mode: Fullwidth
Slide counter disabled: enabled
Image right | text left: enabled
Fullwidth Custom query carousel demo
Fullwidth Counter enabled Custom query carousel
Fullwidth Counter enabled Custom query carousel
Fullwidth Manually Select carousel demo.
Display mode: Full Width Slim
Slide counter disabled: disabled
Image right | text left: enabled
Fullwidth Manually select carousel demo
Fullwidth Manually Select carousel demo.
Display mode: Full Width Slim
Slide counter disabled: disabled
Image right | text left: disabled
Fullwidth Manually select carousel demo
Default Manually select carousel demo
Default Manually select carousel demo
Fullwidth slim Gallery from an Album carousel demo.
Display mode: Fullwidth slim
Slide counter disabled: disabled
Image right | text left: enabled
Fullwidth Slim Album carousel demo
Carousel inside Layout component