cancel
Showing results for 
Search instead for 
Did you mean: 
SOLVED

Cannot display Alphanumeric Keyboard using WebIQ in a WR21

Cannot display Alphanumeric Keyboard using WebIQ in a WR21

ericvergara
Occasional Contributor

Hello,

I am trying to use the Alphanumeric keyboard of WebIQ instead of the Android Keyboard of the WR21

In the preview of WebIQ and if use my laptop as a web client it works

ericvergara_0-1703067602438.png

However if I try it in the Kiosk of the WR21 it does not appear anything and, on the other side, if I use it in the Chromium app it still appears the Android keyboard,

ericvergara_1-1703067679201.jpeg

I guess that it is a WR21 problem because in my laptop the HMI visualization it works so, how can I use the WebIQ Keyboard in a standard WR21?

Many thanks,

13 REPLIES 13

webiq-sk
Frequent Contributor

On Android WebIQ automatically disables the Overlay Keyboard and lets the browser use the system keyboard because it provides a better user experience. There is no way to configure that at it is hardcoded in the system widget.

CodeShepherd
Community Moderator
Community Moderator

Moved to corresponding sub forum Smart HMI - WebIQ Designer and Server.

ericvergara
Occasional Contributor

So then it is not possible to use the WebIQ Keyboard on an Android HMI?

If you ask me the user experience is worse if I use the Android Keyboard because the keyboard slides in and all the HMI is automatically scaled and the interface looks really odd,

In my opinion is better to use a keyboard that pops in and do not scale the HMI that is why I asked to use the WebIQ Keyboard,

webiq-sk
Frequent Contributor

I assume that the automatic scaling of the HMI is happening because of the browser/Android version used. On a modern Android phone or tablet the keyboard is usually slid in as an overlay and does not cause scaling changes.

Maybe someone from Bosch Rexroth can look into this?

HmiGuide
Community Moderator
Community Moderator

I have also noticed that the WebIQ keypad is not displayed on my tablet. The automatic mechanism that the system keypad is used on Android is not an optimal solution in my opinion. As there might certainly reasons to use the system keyboard instead of the WebIQ keyboards on Android, I believe that this option must be configurable in the WebIQ project.
This gives you the opportunity to decide for yourself which is the better option for the customer project. I will discuss this with SmartHMI.

HmiGuide
Community Moderator
Community Moderator

In Template-for-cartesian-handling-systems-V1-20-0 we use the Rexroth package cxVisuals with the widget cx-Input. This widget always uses a alphanum keypad definded by Rexroth.

ericvergara
Occasional Contributor

Ok so, can I use this keyboard with a WR21? If so, how can I use it / import it in my projects?

Thanks!

HmiGuide
Community Moderator
Community Moderator

The necessary packages are currently only available in the template download Template-for-cartesian-handling-systems-V1-20-0 

  •  
  • In sub folder "webIQ packages\" of the zip file you find packages
  • Install package-cxTools-1.0.0-build139.zip & cxVisuals-1.0.0-build719.zip (see WebIQ docu or Template docu for how to install a package)
  • Now you can use the widget cx-input
  • For more info see how cx-input is used in the template
  • Docu for the widgets is currently created, but it will still take some time  until it is finished.

Hello,

I have tried this and it works perfect. But I have a question: Is there a way to edit this keyboard?

Thanks.

 

Yes. It is described in the word document shipped with the template.

HmiGuide
Community Moderator
Community Moderator

I made a request to SmartHMI, to add a new WebIQ configuration, that you can select if the system or WebIQ keypad is displayed on Android.

Hemingway
Established Member

Hi, any update? 

webiq-sk
Frequent Contributor

Not implemented yet

Icon--AD-black-48x48Icon--address-consumer-data-black-48x48Icon--appointment-black-48x48Icon--back-left-black-48x48Icon--calendar-black-48x48Icon--center-alignedIcon--Checkbox-checkIcon--clock-black-48x48Icon--close-black-48x48Icon--compare-black-48x48Icon--confirmation-black-48x48Icon--dealer-details-black-48x48Icon--delete-black-48x48Icon--delivery-black-48x48Icon--down-black-48x48Icon--download-black-48x48Ic-OverlayAlertIcon--externallink-black-48x48Icon-Filledforward-right_adjustedIcon--grid-view-black-48x48IC_gd_Check-Circle170821_Icons_Community170823_Bosch_Icons170823_Bosch_Icons170821_Icons_CommunityIC-logout170821_Icons_Community170825_Bosch_Icons170821_Icons_CommunityIC-shopping-cart2170821_Icons_CommunityIC-upIC_UserIcon--imageIcon--info-i-black-48x48Icon--left-alignedIcon--Less-minimize-black-48x48Icon-FilledIcon--List-Check-grennIcon--List-Check-blackIcon--List-Cross-blackIcon--list-view-mobile-black-48x48Icon--list-view-black-48x48Icon--More-Maximize-black-48x48Icon--my-product-black-48x48Icon--newsletter-black-48x48Icon--payment-black-48x48Icon--print-black-48x48Icon--promotion-black-48x48Icon--registration-black-48x48Icon--Reset-black-48x48Icon--right-alignedshare-circle1Icon--share-black-48x48Icon--shopping-bag-black-48x48Icon-shopping-cartIcon--start-play-black-48x48Icon--store-locator-black-48x48Ic-OverlayAlertIcon--summary-black-48x48tumblrIcon-FilledvineIc-OverlayAlertwhishlist