---
title: Manual Control - Custom Interface
---
In this example, the web page designer has opted for their own user interface instead of the KeymanWeb interface. The keyboards in the selector are populated from the KeymanWeb list of keyboards. Please click [this link](__full-manual-control.html) to open the test page.
## Code Walkthrough
Include the following script in the HEAD of your page:
```js
```
Also include the following HTML code:
```html
```
- File: [unified_loader.js](js/unified_loader.js)
And finally, include the keyboard SELECT and the clickable help img:
```html
Keyboard:
```
On programmatically setting the keyboard:
- [`keyman.setActiveKeyboard()`](../../reference/core/setActiveKeyboard).
On getting KeymanWeb's managed list of keyboards:
- [`keyman.getKeyboards()`](../../reference/core/getKeyboards).
------------------------------------------------------------------------
[On to Control by Control Example](control-by-control)