Formatting

RT Select Format View

The formatting view allows you to change how a table set or a particular table is displayed. The same formatting view is used for both table sets as a whole and for individual tables. The formatting applied to a table will take precedence over the table set formatting.

Text and background colour

Change the text and background colour by selecting a colour from the colour swatch under ‘Text Colour’ or ‘Background Colour’.

The selected colour is shown in the preview box.

The colour swatch is quite large so scroll around to find the colour you want. If you can’t find the exact colour you need you can specify it precisely in the ‘Advanced Formatting’ section (see below).

Text style

Change the text style (bold, italic or underlined) by tapping the appropriate button in the ‘Text Style’ section. You can also change the text justification (left, centre, right and justified).

Font family and size

Change the font family and size using the pickers under the ‘Font’ section. Only the fonts that are installed on the iPhone are available, and their names are shown using that font, giving you a preview.

Advanced Formatting

RT Advanced Format View

Tap the ‘Advanced Formatting’ item to get full control of the formatting. This is simply a text editor that allows you to input CSS properties that are applied to the table set or table as appropriate. Note that you can put any CSS property you like in here, although some may not make sense or work as intended. For example, if you put a 1000 pixel margin around the table set then you may not see anything!

The properties must be ‘well-formed’, that is, the property name and the value must be separated by a colon, and the line must end with a semi-colon (i.e. ‘property : value ;’). Properties that do not conform will be removed.

Advanced formatting can be used to ‘fine tune’ the general formatting options, e.g. to allow you to specify the exact colour that you want. As far as possible these changes are reflected in the main formatting view but may not be acted upon. For example, you could change the font family and style as follows:

    font-family: Comic Sans;
    font-size: small;

These will be displayed inn the pickers on the ‘Select Format’ view as they are valid CSS properties. However, the Comic Sans font does not exist on the iPhone so the app will do its best to find a similar font. A font size of ‘small’ is, however, valid and will be accommodated.

Formatting a table entry

Note that you can also add HTML to a table entry. For example, if you wanted part of an entry in italics you could put

    apples <i>and</i> bananas

which would display as

apple and bananas

You could change the colour of an entry:

    <span style="color: red;">apples <i>and</i> bananas</span>

which would display as

apples and bananas

and so on.

Table entries can also contain links to web pages, e.g.

    this is <a href="http://www.google.com">a link</a>

Tapping the link will launch the Safari app.

If you need a ‘new line’ character in a table entry use the </br> tag. For example

apples and </br> bananas

will display as

apples and

bananas
Advertisements