Important: Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/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

    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!



  • 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



  • 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