How to change the Qt VirtualKeyboard InputPanel Layout?

MAthias_Va

At the moment when my Keyboard popsup it looks as lower half of the screen as a black screen and the keyboard itself in the middle! I don't like this view!! I want to change it: like removing this black background or make it transparent!!!
I am using Qt5.10.1

InputPanel
{
id:inputPanel
y: Qt.inputMethod.visible ? parent.height -inputPanel.height : parent.height
anchors.left: parent.left
anchors.right: parent.right
}

What I did till now! I tried to edit the style file: /VirtualKeyboard/Styles/ as below, with no effect

keyboardBackground: Rectangle {
    color: "transparent"
}

So I took a copy and tried to upload it like this, with no effect also

   qputenv("QT_VIRTUALKEYBOARD_STYLE_PATH","./styles")

Even When I tried to edit the Inputpanel, I don't see any effect, also I put a red Rect as a backGround inside it, with no any effect!!!

Component.onCompleted: {
    keyboard.style.keyboardBackground = null;        
    keyboard.style.selectionListBackground = null;  
          
Rectangle {
    anchors.fill: parent.fill
    color: "red"
}                                           
}

Any Ideas!

sharath

Hi @MAthias_Va
You have to customize your keyboard layout and style. kindly follow the below link, i think it will help you
https://forum.qt.io/topic/99545/how-to-make-custom-style-for-virtualkeyboard

MAthias_Va

For me I was able to change the layout but not the style!!! I don't know why!!

MAthias_Va

Cool, it works, for me the problem was import QtQuick.Controls 2.2, starting from 2.3 it works!!