Как я могу создать компонент клавиатуры в BBC / TAL

Question

Я пытаюсь создать компонент клавиатуры в bbc/tal но, к сожалению, это не работает. Я не смог найти примеров для этого в интернете. Я надеюсь, что кто-то может помочь мне в этом.

Ниже приведен код, который я использовал для создания компонента.

 var myVirtualKeyBoard = new Keyboard("keyboard",10,3,"abcdefghijklmnopqrstuvwxyz",true,true);

 myVirtualKeyBoard.setActiveChildKey('A')
 this.appendChildWidget(myVirtualKeyBoard);

Он показывает кнопки 10* 3 строка за строкой, но я не могу получить клавиатуру на дисплее

Answer 1

Проблема была связана со стилем CSS. Мы можем использовать приведенный ниже код для отображения клавиатуры.

JS Sampe код

keys = ['SPACE','A','B','C','D','E','F','G','H','I','1','2','3','SPACE','DEL','J','K','L','M','N','O','P','Q','R','4','5','6','DEL',' ','S','T','U','V','W','X','Y','Z',' ','7','8','9','0'];
keyboard = new Keyboard("Keyboard", 14, 3 ,keys, true , true);
keyboard.setActiveChildKey('A');
this.appendChildWidget(keyboard);

Css

#testcomponent {
display: table;
width: 100%;
height: 100%;
text-align: center;
}

Keyboard Component
#Keyboard {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}

Single Keyboard Style Changed
.keyboardButton {
display: inline-block;
}