Change/Overwrite keyboard dimension

[Alex66955]

Is there a way to overwrite the default css layout configuration? I have to run the keyboard on a 480x272 display and the default dimension is not able to display the keyboard correctly.

I identified following line as issue. If the 64 would be available from outside it would be nice. As alternative if it is defined as css style and it can be replaced from outside: https://github.com/schenckprocesseurope/ng-virtual-keyboard/blob/master/src/virtual-keyboard-key.component.ts#L97

[sancelot]

have you tried the phone layout?

[Alex66955]

have you tried the phone layout? It makes no difference. The layout is still not usable.

[SelfishLucho]

Hi, Not sure if u already solved this but if u look closer to the code it's built on top of Angular Material so if i understood your question right if u want to resize the popup dialog from where keyboard appears u simply can override the properties of the mddialog simply by using it's API https://material.angular.io/components/dialog/overview

[Alex66955]

Hi, Not sure if u already solved this but if u look closer to the code it's built on top of Angular Material so if i understood your question right if u want to resize the popup dialog from where keyboard appears u simply can override the properties of the mddialog simply by using it's API https://material.angular.io/components/dialog/overview

I tried a few parameter but the layout is still not correct on a small device. I found following code wich sets a fixed size for the key button:

(virtual-keyboard-key.component.ts) this.flexValue = ${multiplier * 64 + fix}px;

.. Okay I found several parameters in the origin code to fix this issue. I think I have to fork this project and modify the sources.