Increasing the size of the keyboard in mappView application

Ask Questions HMI & Visualization
1

Hello everyone,

Is there a way to increase the size of the keyboard? I have operator complaints that they fat finger values sometimes and so have asked if the size of the keys can be increased.

image
image857×485 30.6 KB

1 Like
2

Hello Alexander,

Yes, you can increase the size of the on-screen keyboard in mappView to help avoid ‘fat finger’ errors. mappView is built with HTML5 and customizable widgets in B&R’s Automation Studio. Here’s a simple way:

  1. Open your mappView project in Automation Studio.
  2. Go to the Logical View > mappView > Visualization > Layouts.
  3. Find the keyboard widget (it’s usually a custom input or button group for keys).
  4. Select the keyboard content or page, then in Properties, adjust the size (width/height) of the layout area or the widget itself – try increasing to 1.5x or more.
  5. For finer control, edit the CSS styles in the widget properties to scale the keys bigger.
  6. Save, compile, and test in a browser (like localhost:81).

If the keyboard is a pre-built component, check the B&R help docs under ‘Widgets’ for scaling options. Tutorials on YouTube (search ‘mappView layout B&R’) show how to resize elements.

This should make the keys larger and easier to tap. If you need more help, share your project setup!

Best

3

Thank you for your quick reply. If I follow the path you specified in 2.) I do not see an option to add a keyboard widget or any widgets –>

These are the only options I see under Layouts –>

image
image563×312 18.9 KB

4

Hello,

You can find the following Community post helpful.