densen2014/BootstrapBlazor.OnScreenKeyboard

Blazor OnScreenKeyboard 屏幕键盘组件

示例

https://www.blazor.zone/onscreenkeyboards

https://blazor.app1.es/onscreenkeyboards

使用方法:

nuget包

BootstrapBlazor.SignaturePad
_Imports.razor 文件或者页面添加添加组件库引用

@using BootstrapBlazor.Components

Razor页面

@using BootstrapBlazor.Components

@code{
    string BindValue = "virtualkeyboard"; 
}

<input class="@ClassName"
          data-kioskboard-type="@KeyboardType.all.ToString()"
          data-kioskboard-specialcharacters="true"
          placeholder="全键盘" />
<input class="@ClassName"
       data-kioskboard-type="@KeyboardType.keyboard.ToString()"
       data-kioskboard-placement="@KeyboardPlacement.bottom.ToString()"
       placeholder="字母键盘" />
<input class="@ClassName"
       data-kioskboard-type="@KeyboardType.numpad.ToString()"
       data-kioskboard-placement="@(KeyboardPlacement.bottom.ToString())"
       placeholder="数字键盘" />
<OnScreenKeyboard ClassName="@ClassName" />

更多信息请参考

Bootstrap 风格的 Blazor UI 组件库基于 Bootstrap 样式库精心打造，并且额外增加了 100 多种常用的组件，为您快速开发项目带来非一般的感觉

https://www.blazor.zone

https://www.blazor.zone/onscreenkeyboards

Blazor On-screen keyboard component

Demo

https://www.blazor.zone/onscreenkeyboards

https://blazor.app1.es/onscreenkeyboards

Instructions:

NuGet install pack

BootstrapBlazor.OnScreenKeyboard
_Imports.razor or Razor page
```
@using BootstrapBlazor.Components
```

Razor page

@code{
    string BindValue = "virtualkeyboard"; 
}

<input class="@ClassName"
       data-kioskboard-type="@KeyboardType.all.ToString()"
       data-kioskboard-specialcharacters="true"
       placeholder="Full Keyboard" />

<input class="@ClassName"
       data-kioskboard-type="@KeyboardType.keyboard.ToString()"
       data-kioskboard-placement="@KeyboardPlacement.bottom.ToString()"
       placeholder="Keyboard" />

<input class="@ClassName"
       data-kioskboard-type="@KeyboardType.numpad.ToString()"
       data-kioskboard-placement="@(KeyboardPlacement.bottom.ToString())"
       placeholder="Numpad" />

More informations

Bootstrap style Blazor UI component library Based on the Bootstrap style library, it is carefully built, and 100 a variety of commonly used components have been added to bring you an extraordinary feeling for rapid development projects

https://www.blazor.zone

https://www.blazor.zone/onscreenkeyboards