Bootstrap Carousel
Created by Orckestra
How to show content in Bootstrap Carousel
First of all, add the carousel items to the page where you want them to show up:
- On the "Content" perspective, select a page.
- Add the "Bootstrap Carousel Items" page data folder to the page (right-click > Add Datafolder > Bootstrap Carousel Items > Finish.)
Next, add two or more items:
- Below the page, select "Bootstrap Carousel Items" and click "Add Data" on the toolbar.
- Fill out the fields of the form:
- Slide Name: The name of the slide item to identify it on the tree.
- Slide Image: An image to use as main content for the slide item.
- Slide Caption: (optional) Add captions to your slides as any HTML.
- Order: The position of the slide.
- If necessary, control its publication status and schedule.
Finally, add the rendering function on the page:
- Edit a page.
- Insert the Orckestra.Web.Html.BootstrapCarousel function ( Insert | Function) or component with name Bootstrap Carousel.
- Specify the optional parameters:
- Display Options: The options, where you can select to show or hide slide indicators or navigation controls. Also you can select to use full page width to place the carousel.
- Include Bootstrap Carousel Styles and Javascript: If you site uses Boostrap Framework, then you can skip that parameter. If not, then check it, and the corresponding CSS and Javascript files will be included. False by default.
- Display Options: The options, where you can select to show or hide slide indicators or navigation controls. Also you can select to use full page width to place the carousel.