AN029_U.motion Client Touch Panels 10" and 15" with homeLYnk

[Koen_Rowies]

New firmware comming?  🙂

[sesa296387]

Hello Koen,

You have a keen eye

Yes,V.1.3.1 should be available soon (end of June / July)

[Erwin-vd-Zwart]

Hi Everyone,

If you don't want a cursor on your touchscreen all the time you can also add this to custom CSS:

/*hide cursor on U.Motion 10 inch panel*/
@media screen and (width: 1024px) and (height: 600px) {
html, body, div, span, object,form, input, h1, h2, button, label, a, img {
cursor: none !important
}
}

/*hide cursor on U.Motion 15 inch panel*/
@media screen and (width: 1366px) and (height: 768px) {
html, body, div, span, object,form, input, h1, h2, button, label, a, img {
cursor: none !important
}
}

Reload browser or restart panel to activate function to remove cursor on touch panel.

Don't use this if your laptop has exact same resolution as panels (should be very rare), otherwise the cursor on your laptop is also hidden making it hard to control (:

Removing custom css rules and reload browser / restart panel disables function again.

BR,

Erwin van der Zwart

[sesa299442]

Hello Erwin,

thank you for your post!

It works pretty fine.

But if you use frame with scheduler or trends in visualization,

the mouse arrow is still there once you touch the screen.

Is it possible to make it invisible in this case as well??

Best Regards

Tomas

[Erwin-vd-Zwart]

Hi Tomas,

Simply add iframe to the elements like below should do the trick.

/*hide cursor on U.Motion 15 inch panel*/

@media screen and (width: 1366px) and (height: 768px) {

html, body, div, span, object,form, input, h1, h2, button, label, a, img, iframe {

cursor: none !important

}

}

Best Regards,

Erwin

[Erwin-vd-Zwart]

Hi Tomas,

Extra information:

The current @media CSS function looks at the browser size, so this works normal when having your visu loaded. The iframe has a smaller size then your visu,so the @media function will not work on that frame because the (new browser) size is different.

You can add a second @media CSS function with the size of the iframe to force the CSS rules on the frame, downside of this approach is that the rules for the frames are also valid for other panels with different sizes. You don't want that.

There is a solution to solve this by looking to the panel (device) size instead of the browser size.

Use this when having a 10 inch panel

/*hide cursor on U.Motion 10 inch panel*/

@media screen and (device-width: 1024px) and (device-height: 600px) {

  html, body, iframe, div, span, object, form, input, h1, h2, button, label, a, img {

    cursor: none !important;

  }

}

and this when having a 15" u-motion panel

/*hide cursor on U.Motion 15 inch panel*/

@media screen and (device-width: 1366px) and (device-height: 768px) {

  html, body, iframe, div, span, object, form, input, h1, h2, button, label, a, img {

    cursor: none !important;

  }

}

You can also set a scope where the CSS rules are valid

/*hide cursor on U.Motion 10 inch panel and 15 inch panel (and all panels with sizes in between) */

@media screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (min-device-height: 600px) and (max-device-height: 768px) {

  html, body, iframe, div, span, object, form, input, h1, h2, button, label, a, img {

    cursor: none !important;

  }

}

Best Regards,

Erwin

[sesa299442]

Thank you for this information, Erwin!