Keyboard Layout Editor: Design your own POS

Keyboard-Layout-Editor

Welcome to the Keyboard Layout Editor.

This is part 2 in our article series about the RCS POS Keyboard. Part 1 is an article about the Keyboard Layout Manager which you might want to read first though it isn’t key to understanding this article.

So first things first, what does it do?

The role of the keyboard layout editor is to make it easy for a store owner or user to create a point of sale keyboard. The editor uses a “what you see is what you get” (WYSIWYG) graphical interface to design the keyboard layout.

Don’t worry, I’m going to walk you through step by step.

Before we move on…

The main difference between this keyboard layout editor and a cash register keyboard is that this is designed to work on a touch screen for an EPoS system whereas the cash register’s keyboard is usually made up of physical buttons.

What does the Keyboard Layout Editor look like?

Here’s a screen shot of a blank page.

Keyboard-blank

And here’s a screen shot of a full layout.

Keyboard-Editor-Dem-Till

As you can see from the screenshots above there are 2 distinct areas to the keyboard layout editor.

First there is the properties bar, which sits on the top half of the screen. This looks like this:

Keyboard-Editor-Properties

Then there is the actual layout where you place and arrange all of the buttons. Let’s call this the button grid.

Keyboard-Editor-Button-Grid

But let’s go back to the first screenshot. The blank keyboard layout.

With a blank keyboard layout you have a canvas to design any form of button layout you’d like. From a QWERTY Keyboard to a discount page or even a number pad.

Start with a single button

The single button is the basic building block of a keyboard layout. What’s more it’s very simple to create.

Here’s what you need to do.

Right click anywhere on the button grid and a menu will appear. In this guide I’ll use the “create button” command however there are more advanced commands, such as the “Create Preset PLU”, which provide quicker ways to build a keyboard.

Let’s keep this simple.

Create-Single-Button

After you’ve chosen “Create Button” mouse over the sub-menu and select “Single” or press the F1 key.

This will create the following on your screen.

Keyboard-Single-Button

Congratulations, you now know how to add a button to the keyboard layout editor.

Next we should try out the other buttons.

There are 4 basic types

Most keyboard layouts are built from the 4 basic button types which are:

  • Single
  • Double Width
  • Double Height
  • Quad

And they look like:

Keyboard-Preset-Button-Sizes

On top of the 4 basic types any button can have its width or height changed to create a custom size button. Here’s an example of a really long button that started life as a single button.

Keyboard-Custom-Button-Length

Properties are what make buttons powerful.

Before we move on to building a full keyboard let’s look at the properties menu.

Here’s a reminder of what it looks like:

Keyboard-Editor-Properties

Let’s take it line by line.

Keyboard-Editor-Properties-Line1

The layer drop down shows which layer you’re currently on. A keyboard consists of many layers and each layer consists of a number of buttons. To learn more about the relationship between the 3 elements visit the Keyboard Layout Manager article.

Keyboard-Editor-Properties-Line2

The above is quite an interesting line for a number of reasons. First there is the function drop down. This drop down contains 100’s of functions for your button to perform. A button function can be anything from outputting a number to activating the integrated credit card terminal or switching from one layer to another.

The mouse positioning check box toggles wether buttons can be moved by mouse or not. This feature is incredibly useful; more than you might imagine.

Keyboard-Editor-Properties-Line3
The caption field allows you to add text to a button so that operators can see what function a button will do. For example you’ll want to label each product button with the name of the product.

Fonts, Images and Colours

Keyboard-Editor-Properties-Line4

These two lines control the colour, font and let you add an icon to a button. Here’s how you do that:

  • Ink changes the font colour
  • Paper changes button background
  • Glyph adds an image to the button, though it must be a .bmp
  • Font changes the font and also has standard features such as font size, bold, italics etc.

 

Let’s see how the colours look when applied to a button:

Keyboard-Button-Colour

As you can see from this article the Keyboard Layout Editor contains powerful features that give you a simple way to design your own POS keyboard. If you can use a mouse you can use this layout editor.

If you have any questions about the RCS EPoS System or would like to book a demo please call 01924 260020 or fill out the contact us form.

Leave a Comment