Important: Please read the Qt Code of Conduct -

How to change the Qt VirtualKeyboard InputPanel Layout?

  • 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

    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


    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: { = null;        = null;  
    Rectangle {
        anchors.fill: parent.fill
        color: "red"

    Any Ideas!

  • Hi @MAthias_Va
    You have to customize your keyboard layout and style. kindly follow the below link, i think it will help you

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

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

Log in to reply