madmicio / LG-WebOS-Remote-Control

Remote Control for LG TV WebOS
393 stars 74 forks source link

Add OnScreen Virtual KeyBoard #99

Open lexcorp opened 1 year ago

lexcorp commented 1 year ago

Great work. I loved setting this up. Just a quick question - is there a way for me to add letters to the keypad. I see you have provisioned Numbers, letters would be awesome.

                <div class="grid-container-keypad">
                    <button class="btn-keypad ripple" @click=${() => this._button("1")}>1</button>
                    <button class="btn-keypad ripple" @click=${() => this._button("2")}>2</button>
                    <button class="btn-keypad ripple" @click=${() => this._button("3")}>3</button>
                    <button class="btn-keypad ripple" @click=${() => this._button("4")}>4</button>
                    <button class="btn-keypad ripple" @click=${() => this._button("5")}>5</button>
                    <button class="btn-keypad ripple" @click=${() => this._button("6")}>6</button>
                    <button class="btn-keypad ripple" @click=${() => this._button("7")}>7</button>
                    <button class="btn-keypad ripple" @click=${() => this._button("8")}>8</button>
                    <button class="btn-keypad ripple" @click=${() => this._button("9")}>9</button>
                    <button class="btn-keypad"></button>
                    <button class="btn-keypad ripple" @click=${() => this._button("0")}>0</button>
                    <button class="btn-keypad"></button>
              </div>

Design_webOSTV60_VirtualKeyboard

https://webostv.developer.lge.com/design/webos-tv-system-ui/virtual-keyboard/

Design_webOSTV60_VirtualKeyboard_Text

Design_webOSTV60_VirtualKeyboard_Number

Design_webOSTV60_VirtualKeyboard_URL

https://github.com/webOS-TV-app-samples/VirtualKeyboard

webOS TV provides the system keyboard which is automatically displayed on the webOS TV screen if you let your cursor in the text window. The system keyboard is called the virtual keyboard for webOS TV. The virtual keyboard is the primary text input method for the webOSTV app, and you can customize it as the following types.

bkbartk commented 1 year ago

this would be really nice, but I doubt this is possible, because the default LG implementation in HA doesn't support letters image and I tried, and in my test this doesn't work either, So I think the integration needs to be updated first, if this is not a limitation on the tv itself.