Price Labels: General Help

For the Price Tag system to work, JavaScript must be enabled in the browser. Normally it will be,
but if not then see Enabling DHTML / JavaScript below.

To start, click on the Internet Explorer icon in the toolbar. normally at the right or bottom of the screen,

CHECK THE FOLLOWING SECURITY SETTINGS ON INTERNET EXPLORER:
Windows 7: Start Internet Explorer and click the Tools icon

at the top right.
Click Internet options and then the Security tab.
Click the Internet icon

, and then click the Custom level... button.
Scroll down to the Miscellaneous section (about two thirds the way down), and find the item:
Include local directory path when uploading files to a server
and ensure it is set to Enable.

The system should work with any browser, but the spacing varies between browsers, and the main testing is done on Internet Explorer,
so best to use IE if possible.

The program is also available on the Internet at www.techknack.co.uk/Hack/BXLabels/BXLabels.html
or can be reached from the TechKnack web site at www.techknack.co.uk/
by clicking on Computer Assistance then TechKnack Products and finally
on Price Tag Printing.

The program runs as a series of web pages. The first page displays a picture of each type of label.
Click on the picture of the required label. This will display between 1 and 6 labels
(depending how many will fit on an A4 page).

Beneath each label are boxes for entering the data which will be on the tag.
The boxes can be filled in any order. To display what will be displayed (at any time),
double click on the label or on the boxes below,
or click on the central b>Display All button to update all the labels.
In some browsers the double click fails. If this is the case, use the Display All button.

Where text is typed in (not quantities or prices), it is in HTML format (as used in web pages).
This means that:
1. Typing two or more spaces together will just display as a single space.
- In fact, all white space characters (spaces, tabs, carriage returns) that are together
- will all display as just one single space.
- For additional spaces, type   where needed.
- For multiple lines, type in <br> where new lines are wanted.
- Some of the editing pages have New Line and Space buttons which insert
- the above with a single click.

2. The font, font size, etc can all be set using standard HTML codes in angle brackets < and >.
- e.g. <b> and </b>surrounding bold text, and <i> and </i> round italics.
- Some editing pages have text examples displayed by the side of the boxes. Clicking these will enter
- the required codes in the text boxes, and position the cursor where text can typed in.

There may also be controls to change the properties of the text. e.g.

Clicking on the

arrows will decrease or increase
the vertical line spacing for the font displayed to the right.
The change will apply to all occurrences of that style of text in the label,
as well as to the example text to the right.

Similarly

will decrease and increase the font size,
and

will change the font weight.
Font Weight values step by 100 from 100 to 900. The Normal weight is 400, and Bold is 700.
It depends on the style and font how many of the values are implemented, so changing the weight
will not always produce a visible change.

There is a central set of controls:

removes all the data: settings, text and pictures, and cannot be reversed.

removes most of the display which is for setup and not for printing.

There may be an extra set of controls to adjust the settings for quantity and price items:

An item can be selected from the drop down list, and its size and position can be adjusted.
Any changes apply to all the labels on the page.
The controls are primarily to aid in selecting the best settings to hard code in the program,
but they may be of some use generally. Any changes are lost when the leaving or refreshing the page.

Printing

To save ink when printing when the required price tags have been created,
click on the Hide Zeroes button to remove the unused price tags.
To save a bit more ink by removing the boxes of data under the price tags,
click on the Hide Sets button.
These operations can be reversed by clicking the button again.

When printing, in the printer Preferences, select 'glossy' or 'photo' paper,
and print on at least 180gsm glossy paper.

Enabling DHTML / JavaScript

For the Price Tag software to work, JavaScript must be enabled in the browser:

Internet Explorer
Tools (the cog wheel | Internet Options | Security tab | Earth (Internet) icon | Custom Level... |
Scripting (near bottom of list) | Active Scripting: Enable | OK | Yes | OK | Refresh the browser.

Chrome
Select icon with 3 stacked horizontal lines to the right of the address bar | Settings | Show advanced settings… |
Privacy: Content settings… | JavaScript: Allow all sites to run JavaScript | Done.

FireFox
Firefox (top left corner)| Options | Options | Content | check Web Content: Enable JavaScript | OK | Refresh the browser.

Safari
Tools (the cog wheel) | Preferences... | Security | check Enable JavaScript | close the window | Refresh the browser.

Opera
Opera ! Settings | Preferences | Advanced | Content | check Enable JavaScript | OK | Refresh the browser.

Android
Browser or Internet | More than | Enable JavaScript.

Price Tag Programming Help.