spiegel-keyman/web/docs/engine/ui/index.md
Marc Durdin 6c145cb775 refactor(web): move web engine help to app repo
Note: build.sh updated to make sure that test:help build action:target
doesn't also call test.sh by adding `:_all` meta-target.

Note: CI will need a new help-keyman-com.sh build step to deploy web
engine help.

Fixes: #12347
2024-10-31 11:00:06 +07:00

67 lines
2.1 KiB
Markdown

---
title: Using KeymanWeb
---
## User Interface options
As a web-based language solution, KeymanWeb can be used for an extremely
wide variety of applications. A range of standard User Interface designs
have been included to provide flexibility in incorporating KeymanWeb
into a website. This allows developers to select an interface which best
complements their website design. Customised designs can be developed to
suit specific site requirements. Please [contact support](/contact/)
for more information.
Using the various interfaces is largely similar, but because the
appearance of each is quite distinct, they are dealt with in different
sections of this help documentation. Please click on the links below for
more information on the interface you are using.
<div id="body_text" markdown="1">
<table class="display_grid" style="text-align:center" data-border="0"
data-cellpadding="12">
<colgroup>
<col style="width: 33%" />
<col style="width: 33%" />
<col style="width: 33%" />
</colgroup>
<tbody>
<tr>
<td data-valign="top"><a href="ui-button"><img
src="images/ui-button.gif" /></a><br />
<a href="ui-button"><span
style="font-size: 12pt; font-weight: bold">Button
Interface</span></a></td>
<td></td>
<td data-valign="top"><a href="ui-floating"><img
src="images/ui-floating.gif" /></a><br />
<a href="ui-floating"><span
style="font-size: 12pt; font-weight: bold">Floating
Interface</span></a></td>
</tr>
<tr>
<td data-valign="top"><a href="ui-toggle"><img
src="images/ui-toggle.gif" /></a><br />
<a href="ui-toggle"><span
style="font-size: 12pt; font-weight: bold">Toggle
Interface</span></a></td>
<td></td>
<td data-valign="top"><a href="ui-toolbar"><img
src="images/ui-toolbar.gif" /></a><br />
<a href="ui-toolbar"><span
style="font-size: 12pt; font-weight: bold">Toolbar
Interface</span></a></td>
</tr>
<tr>
<td colspan="3" style="text-align: left;">More information is also
available on how to use the On Screen Keyboard.</td>
</tr>
<tr>
<td colspan="3" data-valign="top"><a href="osk"><img
src="images/oskeyboard.gif" /></a><br />
<a href="osk"><span style="font-size: 12pt; font-weight: bold">On Screen
Keyboard</span></a></td>
</tr>
</tbody>
</table>
</div>