#106

Product support

Get help in the plugin support forum.

Categories

  • Developer Tools
  • Miscellaneous
  • Utility

Slides is a simple flexible Slider plugin using Bootstrap 4+.

Some features

  • Create multiple sliders (category), including slides.
  • Full customization of the slider without coding (component properties, custom CSS styles for category in Backend)
  • The order of the slides can be managed.
  • You can manage translates.
  • You can use Backend Media files.
  • Continuously evolving plugin.

These plugin(s) are required for the plugin:

This plugin uses Bootstrap 4 Carousel. In this plugin has repaired the RainLab.Translate plugin relation translate error.

Installation

  1. Install RainLab.Translate plugin.
  2. Install this plugin.

Requirements

  1. RainLab.Translate plugin.
  2. jQuery 3+
  3. Bootstrap 4+

Available languages

  1. Hungarian
  2. English

Basic usage after install

  1. Create a category.
  2. Create slides within the category.
  3. Insert the component into one page and set the properties.
{% component 'slider' %}

Use custom HTML layout for component

You can use your own partition with a unique HTML code that does not change during updates. If you want a unique look, make a partial with the name moringo/slides-custom.htm in the CMS menu like this file else section. If you are using your own partial, copy the else section of the Slider component's default.htm file into the partial. Do not add the slider component to the section!

Attention! If you use your own view, updates that affect the appearance (this file) must be done manually in the partial.

Component properties

Property Description
Slider category Active slides uploaded to the selected category will be displayed.
Slider height The height of the slider. Permitted units: auto, px, em, %, in, cm, mm, pt, vh. Example: 350px or 100vh
Show indicators The Bootstrap Indicator on the bottom of the slider, indicating how many slides are located and marking the current slide.
Show control arrows The arrows on the left and right of the slider appear when the field is checked.
Fading lapse (Cross Fade) If switched on, paging is not the usual right-to-left or left-to-right, rather fading.
Show title If enabled, the slides title will be displayed.
Show description If enabled, the descriptions will be displayed.
Content position If the slide title and description are displayed, you can set how far the slide top is located. Permitted units: px, em, %, in, cm, mm, pt. Example: 250px or 40%
Interval The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle.
1.0.7

Modify custom view file and folder name to moringo-slides/slides-custom.htm.

Sep 07, 2018

1.0.6

Component view has been modified. There is a possibility for a custom partial that does not change during the updates. The description is included in the documentation.

Jul 06, 2018

1.0.5

Add Name class, Description class and Description container class field in Slides.

Jul 06, 2018

1.0.4

New feature – Button add option when inserting the component.

Jun 26, 2018

1.0.3

The deletions did not work for the slides. Bug fixed.

Jun 26, 2018

1.0.2

It did not work for an added language only. Bug fixed.

Jun 26, 2018

1.0.1

First version of Slides plugin.

Jun 25, 2018