Commands in the Content section

Step 4 - Pages > Table Object >

Commands in the Content section

Previous pageReturn to chapter overviewNext page

This section contains an editor for creating tables. The text editor has an upper toolbar, a central area for designing the table and entering the contents, and, in the Pro edition, a series of tabs at the bottom that correspond to the text sheet you want to work on.

The editor's toolbar contains the following commands:

Cut [CTRL+X] - Copy [CTRL+C] - Paste [CTRL+V]

These commands cut, copy and paste the selected text. Pasted text will maintain the original formatting.

Paste Special [CTRL+SHIFT+V]

Use this command if you want to paste text that has been cut or copied with the Cut and Copy commands. Pasted text will lose any formatting options (bold, italics, etc.) applied in the original document, and it will take on the equivalent options in this editor.

Undo [CTRL+Z] - Redo

These commands undo/restore the last operation to be carried out/undone.

Insert Link [CTRL+L]

This command sets up a link on the selected word(s). You can define the link in the Link window that opens.

Insert Image

Use this command to insert an image (in .JPG, .GIF, .PNG or .BMP format) in the table cell. Click on the triangle on the Insert Image button to display a sub-menu with the following items: Image from file... and Image from Online Library....

A collection of over 900,000 royalty-free pictures is available in the window that opens with the Image from Online Library... command, and it's easy to select the one you want to import.

Images can be resized by pulling on their selection handles with the mouse.

When the cursor is on the inserted picture, click on the right-hand mouse button to open a pop-up menu with the cut, copy and paste commands, as well as the command for opening the Image Properties window.

Enable HTML Code

With this command, you can enter HTML code directly in the table. In HTML mode, the < and > characters are not interpreted as "less than" and "greater than", but the text between them is interpreted as an HTML tag.

Rollover Settings

You can apply a rollover effect to the text, so that it can be scrolled. The settings for the rollover are defined in the RollOver window.

Light/dark background

This option sets a dark or light color for the editor's background: this can be useful if you are working on text that is written in white, or another pale colour.

Add Row / Delete Row / Add Column / Delete Column

You can add a row or a column after the one where the cursor is positioned, or you can delete the row or column where the cursor is positioned.

Merge Cells - Split Cells

You can merge adjacent cells to form a single one, or you can split the cell you are working on to form two horizontally adjacent cells.

 

Heading Styles

Apply a Heading Style to the selected paragraph.

The Heading Styles can be defined through the options available in the Text Style window.

By activating the option Set H1..H6 tag for the Template Headings available in the Statistics, SEO and Code |  SEO window, when you choose a Heading Style the corresponding <h1>..<h6> tag is automatically applied to the text. In the editor the paragraph has the Style which has been set and will be highlighted by a dashed line – which won’t be visible online – so to indicate the association to a <h1>..<h6> tag.

Select Font type - Font size

You can choose the type of character (font) to use for your text, and its size.

The menu shows the command for applying the Default Font (defined by the style of the Page Text item in the Text Style window), the list of safe fonts (those which are present on all devices and do not need to be published, and all the Google fonts and web fonts added in the Add web fonts window, which is opened by the Other font types command.

The font types can be easily identified by the icon next to them:

Google Fonts: fonts added from the Add web fonts window of WebSite X5 and linked to Google's server.

Online Web Fonts: fonts added from the Add web fonts window of WebSite X5 and linked to server of service that offers fonts.

Offline Web  Fonts:  fonts added from the Add web fonts window of WebSite X5 and published on the website's Internet server.

Bold [CTRL+B] - Italic [CTRL+I] - Underlined [CTRL+U] - Stroke [CTRL+T]

These options apply bold, italics, underlining and striking to the selected text.

Text Color - Cell Background Color

You can define the color of the text, or the color of the background of the cell containing the selected text.

Cell Border Style

This option sets the style for the cell borders. You can define the color and thickness of the borders separating rows and columns in the table.

Reset Format

This removes all the formatting commands associated with the selected text, making it coherent with the style defined in Text Style.

You can add a bullet list or an ordered list. Use the TAB key to indent the items in the list and so create sub-levels in the list.

Line spacing

This gives the value of the line spacing, which is the space between the lines in a paragraph. You can also use the options in this menu to add or remove a space before or after the selected paragraph.

Align Left - Align Center - Align Right - Justify

You can align the selected text to the left, right, center, or you can justify it.

Text on the right - Normal - Text on the left

These options are available when an image is inserted in a cell with text. They are used to indicate whether the text is on the left or right of the image, or wraps round it.

Align Top - Align Center - Align Bottom

These options vertically align the selected text to the top, center or bottom of the cell.

Click on the righthand mouse button to open a popup menu that includes the Undo, Cut, Copy, Paste, Paste Special and Delete commands and:

Row Height

You can set the value in pixels of the height of the selected rows. If this value is set to 0, the rows will be automatically set to the minimum height necessary to display the contents.

Column Width

You can set the value in pixels of the width of the selected columns.

The size of the rows, columns and single cells can be changed by dragging the cell borders with the mouse, holding down the left button. If you select a cell and move the left and/or right border, only that cell's size is changed.

If you open this popup menu by clicking on an image that has been inserted in the text, it also contains the Image Properties command which opens the Image Properties window.

The tabs for the various texts you have written are shown at the bottom of the work area.

By default, there is just one tab, called "Text 1": if you don't add any other texts, no more tabs will be shown. To add and open a new text, click on the button to the right of the other tabs, or right-click on one the tabs and use the commands in the popup menu:

Add a Tab: adds a new tab (and activates the corresponding text tab) and you can give it a name in the window that opens.
Rename the active Tab...: opens a window where you can change the name of the current tab.

The various tabs must be correctly named because the names are automatically used for the buttons that used for navigating between the various text tabs when you choose Tabs - Horizontal or Tabs - Vertical as Display Mode.

Remove the active Tab: deletes the current tab and its text.
Move the active Tab to the left / Move the active Tab to the right: changes the order of the tabs, moving them to the left or right. You can also drag & drop them to obtain the order you want the various texts to be in.  

 


Best practices:

-

How to use the web fonts


Further information:

-

Safe fonts and web fonts