Page 2 of 2

Make component read-only

Posted: Sat Sep 17, 2016 2:12 pm
by 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.


Make component read-only

Posted: Mon Sep 19, 2016 7:54 am
by 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


Make component read-only

Posted: Mon Sep 19, 2016 10:47 am
by Deon

Perfect, thank you!


Make component read-only

Posted: Mon Oct 10, 2016 8:06 am
by Deon

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


Make component read-only

Posted: Tue Oct 11, 2016 5:32 am
by Serhii Kulibaba

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


Make component read-only

Posted: Wed Oct 12, 2016 6:25 am
by Deon

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


Make component read-only

Posted: Wed Oct 12, 2016 9:35 am
by 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)


Make component read-only

Posted: Wed Oct 12, 2016 12:16 pm
by 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