Forum | Appery.io

Hi
In a previous post, I asked how to disable the slider on a page and make it read only.

I was given this code

JS for Page Show Event
$(".ui-slider").addClass("ui-disabled");
CSS
.ui-slider.ui-disabled {
opacity: 1;
cursor: default;
pointer-events: none;
}

It works great in that app.

Now I have a new app and using same code. it does not work?????????

Hello Deon,

Please check a DOM of that slider in both your applications, do they have the same opacity, cursor and pointer-events properties?

Well, I created the new app from the backup of the one that works. Where do I check that?

Please look at this link how to inspect it: https://docs.appery.io/docs/using-bro...

Hi
Found the issue. Code needs to be placed in success event jscript of the service that populates the slider.
Thx
Deon