0% found this document useful (0 votes)
19 views153 pages

MaxLabel UI Design Quick Guide

The MaxLabel UI design quick guide provides a comprehensive overview of the design process, including layout samples and detailed instructions for creating various areas such as PLU, Function, and Vendor Manual Areas. It outlines the design sequence, including button creation, layout editing, and assigning functions to buttons. The guide emphasizes the importance of setting up the layout according to specific requirements and provides step-by-step instructions for each design aspect.

Uploaded by

balanzas075
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
19 views153 pages

MaxLabel UI Design Quick Guide

The MaxLabel UI design quick guide provides a comprehensive overview of the design process, including layout samples and detailed instructions for creating various areas such as PLU, Function, and Vendor Manual Areas. It outlines the design sequence, including button creation, layout editing, and assigning functions to buttons. The guide emphasizes the importance of setting up the layout according to specific requirements and provides step-by-step instructions for each design aspect.

Uploaded by

balanzas075
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

MaxLabel UI design

quick guide
CONTENTS
[Link] view .................................................................... 3
[Link] sequence .......................................................... 5
[Link] KEYCODE_RESERVED .............................. 10
[Link] PLU Area ....................................................... 53
[Link] PLU Default Area .......................................... 83
[Link] PLU Detail area ........................................... 107
[Link] Function area ............................................... 113
[Link] Vendor Manual Area / Vendor Prepack Area
.................................................................................... 123
[Link] subtotal area ................................................. 137
[Link] Cust reserved area ..................................... 142
11. Design PLU DETAIL AUTO AREA .................... 148
[Link] view

1.1Layout sample
Main page

Keycode Reserved ○
2

PLU Area /PLU Default/PLU Detail ○


1 ○
3 ○
5

F unction Area ○
4

Vender Manual Area/Vender Prepack Area ○


6 ○
7

Receipt/Total label page

Title

Total Trx Detail Subtotal Area ○


8

Note: Title/Total/Trx Detail area are all fixed and could not be modified
1 2

3 4

5 6

7 8

9 10

Note: PLU default is an area to list by main group or department, it rely on PLU area
PLU detail is something like recipe for plu, it also rely on PLU area
CUST RESERVED is an area for customer screen
PLU DETAIL AUTO is an area to remind you to take away the things after you print the
labels

PLU1 PLU2

PLU area

Main group /
PLU recipe
Department

PLU1 PLU2 Recipe 1 Recipe 2

PLU default PLU detail


[Link] sequence

Create buttons

Combine buttons to create layout

○ and set preset


Choose preset group

keys for the layout you select

Select the preset group in spec

2010(register) or spec 2011(self

service)

1. Click 3 times on left bottom


DIGI log
2. Click Advance Setup

3. Default Password is 6408


4. Edit ‘Button template
edit’ first. Then combine
them together in ‘Layout
edit’

5. Back to Main Menu,


enter ‘SPEC setting’
6. Click ‘Preset Keys’

7. Piece together

according to your

requirement, Select

‘Preset Group’ first


8. Select the preset

group in spec settings

according to your

requirement

9. Then come to

‘Registration’ mode

or ‘self Service’ mode

to check the layout


[Link] KEYCODE_RESERVED

1.

Click 3 times on left

bottom ‘DIGI’ logo.

2.

Click ‘Advance Setup’


3.

Enter default password

6408.

4.

Click ‘Button Template

Edit’.
5.

Click ‘list’ to assign

element.

Load=Load a button file designed already

Clear=Clear the canvas

List=list all the element that could be used

fSize=change the characters’ font size of an element

Align=font Justification

Bg_image=set the image for bg

ARC=set arc for an element

BACK=set the selected element as background

Destroy=delete current button file

Save=save current button file

Font=change the characters’ font

Delete=delete the selected element

3D=make button 3D

Style= select the style of the button

BGColor=set the background color of selected element

TXTColor=set the color of selected element font


W=set the width of selected element

H=set the height of selected element

Undo=cancel the operation

Redo= restore the previous step

←↑→↓= move the element

6.

This is the list of all

elements.

NOTE: One element could have different function in different preset area
Please refer to the following schedule
Area
Name Value Value1 Value2 Value3 Value4 Code Title1 Title2 Image Frame BG Zero Net Unit Price Discount Fix
Element
Numbers
enterd by PPK/ Floating Trace/Tax Multiple Image (set in
Item Display PLU Name Frame Background
Number REFUND Status Infromation Sign preset key)
function
Commodity Image (set in PLU Unit
Plu PLU Code Frame Background
Name preset key) Price
Normal Function Function Image (set in
Frame Background
Function Key Name Key Code preset key)
Weight Weight Image (set in
Title Unit Frame Background Zero Flag Net Flag
Display Value preset key)
Image (set in
Tare Display Tare Value Title Unit Frame Background Fix Tare
preset key)
UnitPrice Unit Price Image (set in Discounting Fix Unit
Title Unit Frame Background
Display Value preset key) Flag Price
TotalPrice Total Price Image (set in Discounting
Title Unit Frame Background
Display Value preset key) Flag
Item Image (set in
Clerk Clerk Name Frame Background
Numbers preset key)
Image (set in
IP Display IP Frame Background
preset key)
Date and Image (set in
Date Time Frame Background
Time Display preset key)
Scale Info Image (set in
Scale Info Frame Background
Display preset key)
Image (set in
Item Image Frame Background
preset key)
Total Queue Image (set in
Title No# Frame Background
No# Display preset key)
Current
Image (set in
Queue No# Title No# Frame Background
preset key)
Display

7.

Click BG to create

background. To create

one button, BG is most

basic element. You

should put all elements

into the range of BG area

to create one button, or

the elements will not be

shown in screen.
8.

Drag down the BG to

canvas.

Note:

The canvas is the whole

screen for display.

The max width and

height are both 1.

All the buttons will

auto-sizing according

to different size of

screen

9.

Choose BG and click

W to set the width to

0.3 (example)

Click ’ok’ to confirm.


10.

Set the height 0.15

11.

Choose the BG and

click the ‘ARC’, set to 20.

Click ‘ok’ button.


12.

Choose the button

Click ‘3D’

13.

Click ‘List’ to add other

elements.

Choose ‘Value’.
14.

Drag down it.

You need to put all

elements into the

range of BG area after

you set the width and

height of elements.

15.

Set the height(0.1)

Set the width(0.3)

Set arc to 20

Choose the VALUE

and click ‘3D’


16.

Choose ‘Value’ and

click BG color.

Select one color you

want.

17.

Choose BG and click

‘Back’(If you find the

element is hidden by

BG)

Drag it down to the

range of BG area.
18.

Click ‘List’ to add other

elements one by one.

19.

Set the width and

height of “ZERO”

Set height to 0.025

Set width to 0.05

Set arc to 20
20.

After above steps, drag

it down to range of BG

area.

21.

The same steps to set

“NET”
22.

Click ‘List’ to add ‘TITLE

1’ and ‘TITLE 2’

Adjust the font, width,

height ,align and so on.

Then drag them down

to the range of BG area.

Select BG color

width:0.15

height:0.05

arc: 20

23.

Click ‘Save’ and name

the button you design.


24.

You will see the pop-up

window.

Click ‘ok’.

You will see “Save

Successfully!”

25.

Design another button

the keycode reserved

area need.
26.

Click ‘List’ to add

elements(BG ,VALUE,TI

TLE1,TITLE2) one by

one.

Same steps to set.

27.

BG is most basic

element to create one

button.

Put all elements in the

range of BG area.

The same settings to

set the elements.


28.

Click ‘save’ and name it.

This button can be

used to display weight,

unit price or total price.

You can just create one

button to preset

different function.

29.

Save successfully.
30.

Back to maintenance

menu.

Click ‘Layout Edit’ to

enter it.

31.

The main page of

‘PRESET LAYOUT’.
32.

Click the ‘list’ to find

the button you design

before.

PREV = page up

NEXT = page down

37.

Find the buttons we

design.

Choose it one by one.


38.

Drag the buttons.

Important: Here the

position means the

position of related

area, not the whole

page.

The related area has its

own default display

area as showed in the

start of this manual.

39.

In button, there’re

A/B/C/D on it means

different elements.

Here A is not shown

since it has been

covered.

We also need to add

one button for main

menu function and one

button to display item.


40.

Adjust the width and

height.

Note:

When you design the

layout, the position you

put the elements is the

position you can see

elements in

‘Registration’ mode or

‘Self service’ mode.

41.

Click “save” and choose

related area.

choose RESERVE_AREA

here.
42.

Input the name and

click ‘ENTER’ to

confirm .

43.

Please click ‘ok’


44.

Exit.

45.

Click ‘ok’ to exit.


46.

Exit

47.

Exit
48.

Click ‘SPEC Setting’

49.

Click ‘Preset keys’


50.

The main page of

‘Preset Area’

51.

Click ‘preset group’

Input the Preset group

number.

Click ‘OK’ to confirm.


52.

Select the related area.

53.

Click “Add”.
54.

Find the layout you

save.

Choose the layout.

55.

Click ‘Funsel’
56.

Select ‘Assign Function

Key’

57.

Click the button to

assign the function you

want to use.
58.

You can click the

button to search.

59.

Input name and click

‘ENTER’.
60.

Assign the function.

61.

You can set picture for

the menu button by

steps as following:

( click funsel>select

‘assign image’>click

button>choose the

picture you want)


Click the button

Choose picture.
62.

Click the second button

to assign function

’display tare’.

We use the button to

display tare.
63.

Assign function.

64.

Retry the same steps to

assign all buttons.

Click ‘Save’
65.

Click ‘OK’

66.

Exit
67.

Exit.

BG = Select area

background image.

Copy to = copy current

preset area to another

group.

68.

Click SPEC 141.


69.

Search the spec

70.

Spec 2010 and spec

2011.

Change the number to

the number you use.


71.

Click ‘OK’ to confirm.

72.

Click ‘Save’.
73.

Confirm.

74.

Exit.
75.

Confirm

76.

Exit
77.

Enter ‘Registration’

mode.

78.

This is the

keycode_reserved area

we design.

You can design the area

according to your

requirement(color,size,

picture).

You can click the menu

button to leave the

mode.
79.

You also can click ‘Price’

button one

time, ’Weight’ button

two times, ’Unit Price’

one time to leave.

( default password is

5151)

80.

Click ‘Exit’ to leave.


Tare Display Weight Display Unit Price Display Total Price Display

Plu Item Display Normal Function


are
81.

You can add other

buttons to display

other function as you

can see from the above

picture.

If you use the system

image we provide, you

can find many buttons

we create before.

Enter ‘button template’

Click ‘load’ to find the

button you need.

82.

If you don’t find any

button you want, you

can design one button

as the step 5~24.


[Link] PLU Area

1.

When you design every

area, you need to

create button first.

I write down the ways

that how to design

buttons in reserved

area, so I use the

existing button to

create the layout.

2.

Click ‘List’ to find the

buttons you need.


3.

Choose one button.

4.

Before you design this

area, you should

consider how many

PLU buttons you want.

The related area has its

own default display

area.
5.

Consider the space of

other areas.

Choose one button and

adjust the width and

weight.

6.

Choose the button and

click ‘Copy’ to create

enough buttons.
7.

Neat rows.

Reserve space for other

areas.

8.

Click ‘Save’
9.

Select related area.

10.

Input the name.

Click ‘ENTER’ to

confirm.
11.

Click ’ok’

12.

Exit.
13.

Click ‘OK’

14.

Exit.
15.

Exit.

16.

Click ‘SPEC Setting’


17.

Click ‘Preset Keys’.

18.

Click ‘Preset group’

Input number

Click ‘ok’
19.

Click ‘PLU Area’

20.

Click ‘Add’.
21.

Select the layout.

22.

Click ’Funsel’
23.

Click ‘Assign PLU’

24.

Click the button and

assign the PLU one by

one.
25.

Select the PLU you

want.

26.

Repeat the operation

to assign all plu.


27.

Click ‘Save’.

28.

Click ‘OK’
29.

Exit.

30.

Exit
31.

Exit and enter

‘registration’ mode.

32.

If you want to adjust

the position of this

area, you need to

design the layout

again.

After that please retry

the step17~step31.
1.

You also can design

one PLU area which

display main group in

the main page.(as you

can see in right side

picture)

2.

Create one button you

use to display main

group and main group

image.

You need to piece

together BG, name,

image to create the

button.
3.

This is the button we

use in above picture to

display main group.

Save it.

Exit.

4.

Click ‘Layout Edit’


5.

Click ‘List’ to find

button.

6.

Select the button.


7.

Adjust width, height,

position.

After that, choose the

button and click ‘Copy’

to copy the button.

8.

Click ‘Save’
9.

Select related area.

10.

Input the name


11.

Exit.

12.

Exit
13.

Exit

14.

Enter ‘SPEC Setting’


15.

Enter ‘Preset Key’

16.

Select the ‘Preset

Group’

Click ‘ok’
17.

Select the ‘PLU Area’

18.

Click ‘Add’
19.

Select the layout you

design.

20.

Click ‘FUNSEL’
22.

Select ‘Assign main

group’.

23.

Select button.

Assign main group.


24.

Select the main group

you want to assign.

25.

After you assign all the

main group, click ‘Save’.


26.

Click ‘OK’

27.

Exit.
28.

Exit.

29.

Enter ‘register mode’ to

check layout.
[Link] PLU Default Area

1.

We use this area to

display PLU too.

The operation is similar

with the steps to design

PLU area.

Create button first.

We won’t teach you

how to create one

button because we

have done it many

times.

2.

Click ‘List’ to find

buttons to create

layout.

You can use some

buttons to assign

function in PLU default

area.
3.

Adjust one button.

Then please copy

buttons you have

adjusted.

4.

You should figure out

how many items you

want to display in one

page.

When the PLU buttons

are enough, you need

to line up them.
5.

Click ‘Save’.
6.

Select the related area.

7.

Input the name.

Click ‘Enter’.
8.

Exit.

9.

Enter ‘Preset keys’


10.

Input the preset group

number and click ‘PLU

Default’.

11.

Click ‘Add’ to choose

layout.
12.

Select the layout you

want to use.

13.

Here to choose main

group.

If you select ‘MG:0’, all

the main groups will

use the same layout

and plu under the same

main group will assign

the preset buttons

automatically.
14.

Click ‘Funsel’.

15.

Select ‘Assign Function

Key’.
16.

Click these buttons to

assign function.

17.

Click the button to

search the function you

want to assign.
18.

Select the function.

19.

If you want to change

the text, click the

‘Funsel’
20.

Select ‘change text’

21.

Click the button and

input the name you

want to change.
22.

If you want to design

many pages, click

‘next’.

23.

Click ‘copy last page’.


24.

Page 2/2.

25.

When you copy

enough pages ,click

‘Save’.
26.

Exit.

27.

Exit.
28.

Enter ‘Registration

mode’.

Click one main group.

Some buttons are

hidden by the key code

reserved area.

So please back to

the ’layout edit ’ to

adjust the position of

layout again and preset

keys.
29.

Click ‘Load’ to find the

layout you use and

adjust the position.

30.

Select area.
31.

Select the layout.

32.

Adjust position, width,

height.

Reserve enough space

for key code reserved

area.
33.

Save.

34.

Select related area.


35.

Confirm.

36.

Click ‘ok’
37.

Exit.

38.

Enter ‘Preset Keys’

Enter ‘PLU Default area’


39.

Delete all pages.

40.

Click ‘layout’.
41.

Select the area.

42.

Assign function keys

and change text.

If you choose any main

group, you need to

assign all PLU under

that main group

manually.
43.

Save.

44.

Exit and enter

‘Registration mode’ to

check the layout.


45.

When you want to

weigh items and print

labels in this area(call

up plu you can see the

PLU detail area), you

also need to design the

PLU detail area(SPEC

2022 =1 ).

The area you can see in

right side is PLU detail

area.

46.

Two pages in total,

One page for weighing

item and another for

non-weighing item.

You can just copy last

page.
[Link] PLU Detail area

1.

You can design the

layout according to

your requirement.

Don’t forget to reserve

enough space for other

areas.

You can refer to right

side image to design

your detail area.

2.

Exit.
3.

Enter ‘Preset Keys’

Select ‘PLU Detail’

4.

Assign function keys

one by one.

For the picture button,

the function is to

display item image.


5.

We need two pages in

this area.(one for

weighing item and one

for non-weighing item)

Click ‘Next’ and ‘copy

last page’.

6.

Finished .
7.

Save and exit.

8.

Enter ‘Registration

mode’ or ‘Self-service

mode’ to check the

area.
9.

The steps:

Select main group

select one PLU


Some buttons are

hidden by the key code

reserved area.

So we need to adjust

position , width, height

in ‘Layout Edit’

Retry the steps above.


[Link] Function area

1.

We have reserved

space for the function

area.

Back to ‘Layout Edit’,

design the function

area.

2.

Adjust the width,

height, position.
3.

Save.

4.

Select related area.


5.

Input the name.

Click ‘Enter’ to confirm.

6.

Exit.
7.

Enter ‘Preset Keys’ to

assign function keys.

Select main group, click

‘Function Area’.

8.

Click ‘Add’.
9.

Select the layout you

design.

10.

Assign function keys

one by one.

Click the key and select

the function you want

to assign.
11.

Save and exit.


12.

Enter ‘Registration

mode’ to check it.

We need adjust the

position again and

retry the steps above.


13.

Enter ‘Layout Edit’.

Click ‘load’

14.

Select the

‘Function_AREA’.
15.

Select the layout.

[Link] to the

picture in steps 12, we

need to move the

whole area up.

Adjust the height of the

highlighted button.
17.

Assign function keys

again in ‘Preset Keys’.

Delete page.

Click ‘Layout’ to load

the layout you have

modified.

18.

Finished.
[Link] Vendor Manual Area / Vendor Prepack Area

1.

We reserve space for

two areas.

Vendor manual area =

You can see it in

manual mode.

Vendor prepack area =

You can use it in

prepack mode.

Same steps to design.

2.

Enter ‘Layout Edit’.

You can use same

layout to design these

two areas.
3.

Click ‘save’

Select

‘CLERK_MANIAL_AREA’

4.

Name it.

Click ‘ENTER’ to

confirm.
5.

Click ok.

6.

Click ‘save’ again to

save it as one clerk

prepack area.

Select

‘Clerk_prepack_area’.
7.

Rename it and click

‘ENTER’.
8.

Exit.

9.

Click ‘Preset Keys’.


10.

Select ’Vendor Manual

Area’.

11.

Click ‘Add’
12.

Select the area we save

before.

13.

Click the button and

assign vendor.
14.

Click ‘Save’.

15.

Exit.
16.

Select ‘Vendor Prepack

Area’.

17.

Add the layout you

save.
18.

Select it.

19.

Click the button to

assign function keys or

vendor keys.
20.

Finished.

21.

Save and exit.


22.

Enter ‘Registration

Mode’.

Here is vendor manual

area.
23.

When you click

[Prepack/Manual] key

to enter prepack mode,

you can see vendor

prepack area.

24.

In prepack mode.

This is vendor prepack

area.
26.

Note :

You need to set spec

2015=0
[Link] subtotal area

1.

This is subtotal area.

The right side area in

picture is the area we

need to design.

Note: Title/Total/Trx

Detail area are all fixed

and could not be

modified.

2.

Just design some

function keys together.


3.

Save and exit.


4.

Select subtotal area.

5.

Add layout you design.


6.

Assign function keys.

After you assign all

function keys, don’t

forget to save.

7.

Exit.
8.

Back to ‘Registration’,

Call up PLU and click

[clerk] key twice.

Here is the area we

design.
[Link] Cust reserved area

1.

If your scales have the

screen for customers,

you need to design this

area to display the

customer screen.

For example, the right

side picture is the area

we design before.

2.

Arae1: one image

button

Area 2: four buttons to

display ‘tare’ ‘weight’

’unit price’ ‘total price’.

Area 3: display ‘item’

Area 4: one large image

button to display ‘item

image’.
3.

This is the layout we

use.
4.

Exit.

5.

Enter ‘Preset Keys’.


6.

Select ‘CUST

RESERVED’.

7.

Add the layout.


8.

Select layout.

9.

Assign function or

image.
10.

Finished.
11. Design PLU DETAIL AUTO AREA

1.

This area is used to

remind you to take

away labels and items

after you print out the

labels.

Please refer to this

picture which is PLU

auto detail area.

2.

The layout we design.

Just one large image

button and one

function key.
3.

Assign image and

function in ’Preset

Keys ’.

Click ‘Funsel’ to select

‘Assign image’.
4.

Click the image button

5.

Select picture.
6.

Click ‘Funsel’.

Click ‘assign function

keys’.
7.

Click the button.

8.

Save
9.

Exit.

You might also like