Tiny-slider: Disabling controls does not hide the autoplay start/stop button

Created on 24 May 2017 · 5Comments · Source: ganlanyuan/tiny-slider

The autoplay option also controls the visibility of the start/stop button, changing controls to false does not hide that button.

CSS workaround:

div[aria-label="Carousel Pagination"] button[data-action="stop"] {
  display: none;
}

Source

DuckThom

Most helpful comment

Hey,

I faced the same "issue". If you do not want the autoplay control button to be displayed, you need to set autoplayButtonOutput to false.

In the documentation,

Default: true. 
Output autoplayButton markup when autoplay is true but a 
customized autoplayButton is not provided.

In fact, even if you force autoplay and autoplayButton to false (which are already set to false), if you do not force autoplayButtonOutput to false, it will be displayed.

Mehdi40 on 23 Mar 2018

👍24

All 5 comments

Hi,
That's expected.
controls => prev / next buttons
autoplay => start / pause buttons
They're not related actually.

ganlanyuan on 24 May 2017

However, "autoplayButton: false" doesn't hide the stop/pause buttons...

mtskf on 14 Dec 2017

autoplayButton is for setting customizing auto plan button. By default it's false which means tiny-slider will generate a button if autoplay: true.

ganlanyuan on 14 Dec 2017

Hey,

I faced the same "issue". If you do not want the autoplay control button to be displayed, you need to set autoplayButtonOutput to false.

In the documentation,

Default: true. 
Output autoplayButton markup when autoplay is true but a 
customized autoplayButton is not provided.

In fact, even if you force autoplay and autoplayButton to false (which are already set to false), if you do not force autoplayButtonOutput to false, it will be displayed.

Mehdi40 on 23 Mar 2018

👍24

@Mehdi40 Thanks, it worked well! This issue is just an example of configuration options being not mutually independent leading to a configuration hell...