Make component read-only

[Deon]

I just want the slider to be read only. not to be disabled. Disabling the slider changes the colour to a dull version.I dont want the the disabled look.

[Serhii Kulibaba]

Please use the same CSS properties for the disabled slider, as you use for the disabled checkbox:

pre.ui-slider.ui-disabled {
opacity: 1;
cursor: default;
pointer-events: none;
}/pre

[Deon]

Perfect, thank you!

[Deon]

Actually, No this is not working. It was working but not anymore.

[Serhii Kulibaba]

Please check your custom CSS, it could be overwrited with your custom style.

[Deon]

Hi
No, it still there. I did not change anything.

[Serhii Kulibaba]

We are very sorry, but we can't debug your custom code, thi is something outside the scope (https://docs.appery.io/docs/general-s...) of our standard support. Please try to compare these two apps by yourself (with disabled component and without one)

[leven.steve]

What about use the ng-readonly attribute in the designer, set it to a local scope variable and then set that variable accordingly?

I have a page that I need to make a number of fields read-only unless it's being accessed by an "admin" user login. So I have $scope.isAdmin and use:
ng-readonly !isAdmin

Likewise with ng-disabled