Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Disabling Slider

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?????????

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Disabling Slider

Hello Deon,

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

Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Disabling Slider

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

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Disabling Slider

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

Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Disabling Slider

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

Return to “Issues”