Option for disabling text/elements selection

Dashboard
1

Here's the problem: I got a dashboard with a lot of sliders on it.
People operate these on a relatively small touch screen tablet.
Sometimes they slightly miss or overshoot the slider and they start selecting text or elements on the dashboard page.
It would be great if the dashboard has an option that prevents selecting

2

If the page does not contain any text - like element which must be selectable then you can freely make a css override

body {
    user-select: none !important;
}

Otherwise it takes to specify all elements where you wanted to disable user select options.

1 Like
3

I found a way myself, more like a workaroud, but it works perfectly:
install 'Stylus' extension in Chrome, and write a style like this:

* {
  -webkit-user-select: none !important;
  -moz-user-select: inherit  !important;
  -ms-user-select: inherit  !important;
  user-select: none  !important;
}

of course, I'm happy to hear about alternative solutions

4

I remember playing around with the Dashboard 1 and using a template node to add custom css, something like this node here:

[{"id":"4af903805264c7f8","type":"ui_template","z":"543929cb2e9c4087","g":"20b77a8b7c7caed7","group":"","name":"","order":3,"width":0,"height":0,"format":"<style>\n    body {\n        background-color: black !important;\n    }\n</style>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":3902.5,"y":757.5,"wires":[[]]}]

that worked for me.

1 Like