Gras

Afin d'appliquer le style de formatage gras à votre texte, cliquez sur le bouton Gras dans la barre d'outils ou utilisez le raccourci clavier Ctrl+B. Le style de formatage sera appliqué au texte sélectionné. Si le bouton Gras est activé, le texte saisi sera également formaté en gras.

Afin de vérifier que le style de formatage appliqué est gras, placez le curseur dans le texte voulu ou sélectionnez-le, puis vérifiez si le bouton Gras est activé. Pour supprimer le style gras, sélectionnez le texte puis cliquez sur le bouton Gras afin de le désactiver.

Italique

Afin d'appliquer le style de formatage italique à votre texte, cliquez sur le bouton Italique dans la barre d'outils ou utilisez le raccourci clavier Ctrl+I. Le style de formatage sera appliqué au texte sélectionné. Si le bouton Italique est activé, le texte saisi sera également formaté en italique.

Afin de vérifier que le style de formatage appliqué est italique, placez le curseur dans le texte voulu ou sélectionnez-le, puis vérifiez si le bouton Italique est activé. Pour supprimer le style italique, sélectionnez le texte puis cliquez sur le bouton Italique afin de le désactiver.

Souligné

Afin de souligner le texte de votre fichier ou message, cliquez sur bouton Souligné dans la barre d'outils ou utilisez le raccourci clavier Ctrl+U. Le style de formatage sera appliqué au texte sélectionné. Si le bouton Souligné est activé, le texte saisi sera également souligné.

Afin de vérifier que le style de formatage appliqué est souligné, placez le curseur dans le texte voulu ou sélectionnez-le, puis vérifiez si le bouton Souligné est activé. Pour supprimer le style souligné, sélectionnez le texte puis cliquez sur le bouton Souligné afin de le désactiver.

Basculer Plein Écran

Lorque vous désirez étendre la zone d'éditon KTML 4 pour rendre les manipulation plus aisées, cliquez le bouton Basculer Plein Écran dans la barre d'outils. Cela aura pour effet d'agrandir la zone KTML 4 pour qu'elle occupe tout l'écran.

Liste à Puces

Si vous sélectionnez des paragraphes et cliquez sur le bouton Liste à Puces, KTML 4 inserera une puce au début chaque paragraphes. Si, à la fin d'un paragraphe d'une liste à puce, vous tapez la touche "Enter", le nouveau paragraphe créé commencera avec une puce.

Après avoir cliqué sur le bouton Liste à Puces, celui-ci restera activé jusqu'à ce que la liste soit retirée ou que vous vous déplaciez vers un paragraphe sans puces. Pour retirer les puces d'une liste, sélectionnez-là puis cliquez le même bouton afin de désactiver le style. Pour terminer une liste à puces et continuer, tapez deux fois Enter après le dernier élément de la liste. Afin de vérifier qu'un paragraphe ou une liste est formatée avec le style Liste à Puces, placez le curseur dans ce paragraphe ou sélectionnez-le, puis vérifiez si le bouton Liste à Puces est activé.

Si vous tapez la touche "Tab" alors que le curseur est situé dans un paragraphe à puce, celui-ci est indenté et la forme des puces est alors changée.

Note : Sur Mozilla seulement, si vous appliquez une liste à puces à chaque paragraphes séparéments, l'espacement augmentera contrairement au cas ou la liste serait appliquée en une seule fois à tous les paragraphes sélectionnés .

Liste Numérotée

Si vous sélectionnez des paragraphes et cliquez sur le bouton Liste Numérotée, KTML 4 inserera un numéro croissant au début chaque paragraphes. Si, à la fin d'un paragraphe d'une liste numérotée, vous tapez la touche "Enter", le nouveau paragraphe créé commencera également par un numéro .

Après avoir cliqué sur le bouton Liste Numérotée, celui-ci restera activé jusqu'à ce que la liste soit retirée ou que vous vous déplaciez vers un paragraphe sans numéro. Pour retirer les numéros d'une liste, sélectionnez-là puis cliquez le même bouton afin de désactiver le style. Pour terminer une liste numérotée et continuer, tapez deux fois Enter après le dernier élément de la liste. Afin de vérifier qu'un paragraphe ou une liste est formatée avec le style Liste Numérotée, placez le curseur dans ce paragraphe ou sélectionnez-le, puis vérifiez si le bouton Liste Numérotée est activé.

Si vous placez le curseur dans un paragraphe numéroté (mais pas le dernier) et que vous désactivez le bouton Liste Numérotée, ce paragraphe ne sera plus précédé par un numéro. Une nouvelle liste commencera juste après celle-ci. La numérotation sera réinitialisée et le paragraphe suivant (le premier de la nouvelle liste) aura 1 pour numéro.

Lorsque la touche Tab est enfoncée pendant :

Note : Sur Mozilla seulement, si vous appliquez une liste numérotée a des paragraphes séparéments (au lieu de l'appliquer à une sélection de plusieurs paragraphes), la numérotation sera réinitilisée à chaque fois (chaque paragraphe aura 1 pour numéro).

Clean HTML Code

When inserting one or more paragraphs already formatted with another word processor (e.g. Microsoft Word or OpenOffice), the size of the HTML code could considerably increase. This phenomenon is due to the export methods used by the two applications that insert into the HTML code many and mostly useless HTML tags. With KTML 4 you can clean-up the code of these tags by using the Clean HTML Code button and then use the KTML 4 format functions:

  1. Clean Word Markup - it removes all the unnecessary Microsoft Word tags.
  2. Clean Inline Styles - it removes all the CSS styles.
  3. Clean All Formatting Tags - it replaces the following tags: <H1>, <H2>, <H3>, <H4>, <H5>, <H6>, <ADDRESS>, <PRE> with the <p> (paragraph) tag.

The clean-up process affects the current selection or the entire page if no selection was made. The result is a cleaner and more accurate code.

Text Color

The Text Color button allows you to set a certain text color (foreground color). The button has two areas:

  1. Click the icon on the left to use the currently selected text color (it is shown by the horizontal bar in the lower part of the icon).
  2. By clicking the arrow on the right, the Color Picker window will be displayed allowing you to select a color for your text.

The effect will be applied to the selected text and to the one entered after setting the foreground color. To change the color, select the text, click the Text Color button and choose a more convenient color from the Color Picker.

Note : You can define yourself the colors displayed in the Color Picker in a configuration file. The default colors are those from the Web safe color palette (216 colors) and some gray shades. Read more about this in the API documentation.

Highlight

The Highlight button allows you to set a certain highlight color (background color). The button has two areas:

  1. Click the icon on the left to use the currently selected highlight color (it is shown by the horizontal bar in the lower part of the icon).
  2. By clicking the arrow on the right, the Color Picker window will be displayed allowing you to select a highlight color for your text.

The effect will be applied to the selected text and to the one entered after setting the background color. To change the color, select the text, click the Highlight button and choose a more convenient color from the Color Picker.

Note : You can define yourself the colors displayed in the Color Picker in a configuration file. The default colors are those from the Web safe color palette (216 colors) and some gray shades. Read more about this in the API documentation.

Color Picker

The Color Picker is a matrix that presents a large range of colors from which you can choose, but it also offers the possibility of entering the hexadecimal code for a precise, preferred color. The Color Picker interface includes the following elements:

  1. Color Code text box: when you launch the Color Picker window, this text box will display the code of the previously selected color. Once you select a new color, the displayed code will change. Also, you can enter the hexadecimal code yourself.
  2. Mouse-over display item: when you move the mouse above the color matrix, the color that has the mouse over it will be displayed (as well as its code) in a larger rectangle in this display item.
  3. Selected display item: once you select a color in the matrix, its appearance will be shown in this display item.
  4. OK button: apply the chosen color to your selection by clicking this button.
  5. Cancel button: cancel any color selection by clicking this button.
  6. Help button: open the contextual help window.
Cut

In order to cut the selected image or text from its context, click the Cut button from the toolbar or use the shortcut keys Ctrl+X. To cut the selected image/text means to remove it from the document and place it into the Clipboard, from where it can be pasted into either the KTML 4 editable region or another editor.

Note : In Mozilla, the Cut command is not accessible from the toolbar, but only by using the keyboard shortcut.

Copy

In order to copy the selected image or text, click the Copy button from the toolbar or use the shortcut keys Ctrl+C. After executing this command, the selected image/text is copied to the Clipboard, from where it can be pasted into either the KTML 4 editable region or another editor.

Note : In Mozilla, the Copy command is not accessible from the toolbar, but only by using the keyboard shortcut.

Paste

This command is to be applied after a previous Cut or Copy operation. The image/text stored in the clipboard is then placed into the KTML 4 editable region, in the current pointer position or replacing the already selected image/text (if there is any). This command is accessible through the Paste button from the toolbar or by using the shortcut keys Ctrl+V.

Note : In Mozilla, the Paste command is not accessible from the toolbar, but only by using the keyboard shortcut.

Change Font

The KTML 4 editor allows you to change the font for your text by selecting the desired one from the Font drop-down menu available in the toolbar. The default font style is "Times New Roman, Times, serif" or " Verdana, Helvetica".

The autoselection of the current font is a feature that allows you to easily find out what font a particular word or text has just by selecting it or by positioning the cursor inside it. If a text section with more than one font applied (on different words) is selected, a font will no longer be displayed in the drop-down menu. When changing the font for the selection that has multiple fonts applied, the whole text will be set to have the new selected font.

When a CSS style containing references to new fonts is imported into the document, those new styles will appear in the drop-down menu.

Note : You can define yourself the font list in a configuration file. There is a default font list defined in case you make no changes in the configuration file. Read more about this in the API documentation.

Change Font Size

The font size can be changed by selecting the desired size from the Size drop-down menu available in the toolbar. The size change affects the selected text or the text entered afterwards, if no text selection has been made. By default, the text size is set to 14 pixels. The text sizes are similar to the ones used by the most common word processors (Microsoft Word, OpenOffice).

The current font size will be autoselected from the drop-down menu. To see what size a specific text is, simply select the text or click inside it, and then check out the font size drop-down menu. However, if a text selection has more than one font size applied, a certain size will no longer be displayed in the drop-down menu.

When changing the size of a text selection that has multiple sizes applied, they will all be replaced by the new size.

Horizontal Rule

By pressing this button, you can insert a horizontal line into the document at the point where the cursor is. It will help you visually separate elements.

Apply Formatting Styles

This drop-down menu contains some classic heading and formatting tags that can be applied to your text.

If you want to apply a specific heading tag, first select the text or place the cursor inside it. Then choose a heading tag from the Format drop-down menu in the toolbar. The heading will be set for the entire paragraph that contains the current selection. If that paragraph already has a heading tag applied, it will be replaced by the newly selected one.

Apply CSS Styles

The Style drop-down menu displays the available Cascading Style Sheets (CSS) styles from which you can choose to implement styling in HTML. The CSS styles can be applied to any type of selection (text, image, table). If you want to set or change the CSS style for a certain text, you can either select it or place the cursor inside it (if it's a whole paragraph that you want to format), and then choose a CSS style from the drop-down menu in the toolbar.

If you place the cursor inside a paragraph that has CSS styles applied to only certain parts of it, and then select a style from the drop-down menu, the CSS style will be set for all the words in the paragraph, except for the ones that already had a style defined.

If you place the cursor inside a word from a paragraph, and that word has a CSS style set (style A), if you apply a new style (style B), all the words in that paragraph that were formatted with style A will switch to style B now (all these words were included in the same CSS style tag - a SPAN tag). This is a very useful feature because the user doesn't have to spend time making text selections and identifying styles.

Tip: In order to obtain good results, apply CSS styles to your text in an accurate manner, rather than making repeated text selections and changing the style several times. This method is not recommended, especially when using the Mozilla browser, because the HTML code will get too complicated and the visual results will not always be the expected ones. To manage the CSS styles correctly, also use the Tag Selector in order to easily select and remove some SPAN tags (corresponding to already set CSS styles) from the code.

Increase Indent

By pressing the Increase Indent button from the toolbar or the Tab key, the indentation function is called. It increases the distance between the current paragraph (the selected one or the one where the cursor is placed) and the left page margin.

Each time you click the Increase Indent button, the left margin will increase.

Decrease Indent

This command executes the exact reverse operation of the Increase Indent one. It can be applied only if an Increase Indent command was executed before-hand. Its role is to decrease the left margin each time you click the Decrease Indent button from the toolbar or use the shortcut keys Shift+Tab.

Remember it only functions if the paragraph was already indented (once, twice, or as many times as you plan to click the Decrease Indent button).

Browse for Media Files

You can upload and/or insert images or videos into your web pages by using the Image button. When clicking this button, a pop-up window (Remote File Explorer) is displayed and helps you select the desired file to insert from the remote server, or upload a new one from your local machine. Before inserting a media file into the KTML 4 editable area, it has to be previously uploaded on the remote server.

Even if some media files are deleted from the site pages, their corresponding files will remain on the remote server until you delete them from the upload folder.

Browse for Documents

You can upload and/or insert documents into your web pages by using the Link to Document button. When clicking this button, a pop-up window (Remote File Explorer) is displayed and helps you select the desired file to insert from the remote server, or upload a new one from your local machine. Before inserting a document file into the KTML 4 editable area, it has to be previously uploaded on the remote server.

When you insert a document, a link with its name will be included in your page where the cursor was placed. By clicking the link, the document from the remote server will be opened. Even if some document links are deleted from the site pages, their corresponding files will remain on the remote server until you delete them from the upload folder.

Browse for Templates

You can upload and/or insert templates (.htm or .html) into your web pages by using the Content Template button. When clicking this button, a pop-up window (Remote File Explorer) is displayed and helps you select the desired file to insert from the remote server, or upload a new one from your local machine. Before inserting a template file into the KTML 4 editable area, it has to be previously uploaded on the remote server.

You can create your own templates in KTML by putting together a design in the visual editor. Then select it all, right-click, choose the Save as Template option, and then name the new file (the accepted extensions are htm and html). It will be saved on the remote server, in a folder of choice.

Insert Special Character

The Special Character button allows you to insert a special character in page when the keyboard does not come at hand. The button has two areas:

  1. Click the icon on the left to use the currently selected character (shown by the icon).
  2. By clicking the arrow on the right, the Character Picker window will be displayed allowing you to select the character that you need. It displays a matrix of characters from which you can choose.

Note : You can define yourself the special characters list displayed in the matrix in a configuration file. There is a default character list defined in case you make no changes in the configuration file. Read more about this in the API documentation.

Character Picker

The Character Picker is a window that presents a vast matrix of special characters. This interface includes the following elements:

  1. Selected display item: once you select an element in the matrix, its symbol will be shown in this display item (in larger size).
  2. Insert button: insert the selected character in your page by clicking this button.
  3. Cancel button: cancel any character selection or insertion in your page by clicking this button.
  4. Help button: open the contextual help window.
Insert Anchor

By clicking this button, you can insert an anchor in your page (the equivalent of a 'bookmark' in Microsoft Word) right where the cursor is placed or right before the selected image/text. After clicking the Anchor button, you will be prompted to type a name for the anchor. The name will be needed when a link to that anchor is created.

An anchor is used to specifically localize a certain place in the page, place to which you can link later on words or images. This type of links redirects the visitor to another section of the same web page. A symbol (glyph) will be displayed to show you where anchors are created in page.

Insert Table

You can insert a table in your page by clicking the Table / Insert 2x2 Table button from the toolbar. The button has two areas:

  1. If you click the button icon (its tooltip is Insert 2x2 Table) for the first time in the current session, a 2x2 table will be inserted in page. If you click it later on, after already including tables in page, the table that will be inserted will have the same dimensions as the one included last in page.
  2. If you click the arrow on the right (at first, its tooltip is Table - later on, it will display the dimensions of the table last inserted in page), the visual row/cell selector will be displayed. By moving the mouse cursor up and down / to the right and to the left in the expandable window that pops-up, you can modify the default dimensions (2x2) and insert a table of the needed size.

Through the Table, Row and Cell Properties panels you can set a lot more options for the table.

Align Left

In order to apply the left alignment style to your selected paragraph(s), click the Align Left button from the toolbar or use the shortcut keys Ctrl+Shift+L. Just like when using common word processors, the selected paragraph(s) will be aligned to the left margin of the page.

Note : If you want to apply the left alignment to only one paragraph, you do not have to select it, but only click inside it and then press the Align Left button from the toolbar.

Center

In order to apply the centered alignment style to your selected paragraph(s), click the Center button from the toolbar or use the shortcut keys Ctrl+Shift+E. Just like when using common word processors, the selected paragraph(s) will be aligned equally-distanced from the left and right margins of the page (in the center of the page).

Note : If you want to apply the centered alignment to only one paragraph, you do not have to select it, but only click inside it and then press the Center button from the toolbar.

Align Right

In order to apply the right alignment style to your selected paragraph(s), click the Align Right button from the toolbar or use the shortcut keys Ctrl+Shift+R. Just like when using common word processors, the selected paragraph(s) will be aligned to the right margin of the page.

Note : If you want to apply the right alignment to only one paragraph, you do not have to select it, but only click inside it and then press the Align Right button from the toolbar.

Justify

In order to apply the justified alignment style to your selected paragraph(s), click the Justify button from the toolbar or use the shortcut keys Ctrl+Shift+J. Just like when using common word processors, the selected paragraph(s) will be aligned to both margins of the page (left and right) and text will be uniformly distributed.

Note : If you want to apply the justified alignment to only one paragraph, you do not have to select it, but only click inside it and then press the Justify button from the toolbar.

Find/Replace

The KTML 4 editor allows you to find and replace text both in Design and Code view. In order to do this, click the Find/Replace button from the toolbar or use the shortcut keys Ctrl+F. A window will pop-up and help you set the details for the find and replace operation.

Find/Replace User Interface

The KTML 4 Find/Replace user interface includes the following elements:

  1. Find what text box: enter the text to be found/replaced.
  2. Replace with text box: enter the text that will replace the found one.
  3. Match case checkbox: check this option if upper-case/lower-case letters should be taken into account.
  4. Match whole word only checkbox: check this option if you are looking for complete words, and not pieces of words (character strings).
  5. Find Next button: locate the next occurrence of the searched word (it can be seen selected in page).
  6. Replace button: replace the current occurrence of the found word with the value entered in the Replace with text box.
  7. Replace All button: replace all occurrences of the found word with the value entered in the Replace with text box.
  8. Cancel button: cancel the find/replace operation and close the window.
  9. Help button: open the contextual help window.
Spellcheck

In order to spellcheck the text content in your page, or just a part of it that is selected, click the Spellcheck button. A window will pop-up and help you streamline the spellchecking process.

You can quickly identify the misspelled words, select from the available suggestions, add words to the dictionary, ignore or change the occurrences of a word.

Spellcheck User Interface

The KTML 4 Spellcheck user interface includes the following elements:

  1. Not in dictionary display item: it displays the unknown or misspelled words (one at a time) found in the text to be spellchecked.
  2. Replace with text box: if there are suggestions for the current unknown or misspelled word, the first one will be displayed in this text box. You can directly enter the correct word, as well.
  3. Suggestions list: choose from the available suggestions the correct word for your text.
  4. Language drop-down menu: select from the available options the language used in your text.
  5. Ignore button: ignore the current occurrence of the selected word.
  6. Ignore All button: ignore all the occurrences of the selected word.
  7. Add to Dict. button: click this button to add the current "misspelled" word to the dictionary.
  8. Change button: change the current occurrence of the selected word with the value displayed in the Replace with text box.
  9. Change All button: change (at once) all the occurrences of the selected word with the value displayed in the Replace with text box.
  10. Close button: close the window if you want to end the spellcheck process.
  11. Help button: open the contextual help window.
Show Code/Design

Since KTML 4 is a WYSIWYG text editor for HTML documents, it was important to implement a function that would allow toggling the edit modes. Advanced users benefit from this as they can edit the document in the HTML format as well.
The KTML 4 editor has two editing modes, between which you can switch by clicking the Show Code/Design button from the toolbar:

  1. Design view: a text editor displaying the final result.
  2. Code view: the HTML editor.
Show/Hide Invisible Elements

In many situations, setting the table border to 0 (to make it invisible) may be needed. KTML 4 allows you to view table borders (for further editing) even when they are set to invisible. Showing invisible elements allows you to organize data in a tabular manner, while respecting certain design rules. Just press the Show/Hide Invisible Elements button from the toolbar.

Undo

In order to return to the previous state of your page (just before the last modification), click the Undo button from the toolbar or use the shortcut keys Ctrl+Z. KTML 4 allows you to undo the last 50 changes made.

Depending on the page elements that were modified, the changes that can be reversed are:

Redo

In order to return to the page state before undoing something, click the Redo button from the toolbar or use the shortcut keys Ctrl+Y. This command allows you to execute again the same action that you previously canceled. You will be able to redo all the operations performed on a page using KTML 4.

Superscript

In order to make a certain text section display as superscript text, click the Superscript button from the toolbar. The formatting style will be applied to the selected text. Pressing the Superscript button and typing text will also make the text entered afterwards superscript text.

To check if the formatting style is set to superscript, place the cursor inside that certain text or select it, and check if the Superscript button is activated. To remove the superscript style, select the text and deactivate the Superscript button by clicking it.

Subscript

In order to make a certain text section display as subscript text, click the Subscript button from the toolbar. The formatting style will be applied to the selected text. Pressing the Subscript button and typing text will also make the text entered afterwards subscript text.

To check if the formatting style is set to subscript, place the cursor inside that certain text or select it, and check if the Subscript button is activated. To remove the subscript style, select the text and deactivate the Subscript button by clicking it.

Form

In order to insert an HTML form (empty at first) in your page click the Form button from the toolbar. Once inserted, the form will be indicated by a doted red outline. Set advanced form options by using the Form Properties panel.

Text Field

In order to insert a text field inside a form in page (or even independent from the form) click the Text Field button from the toolbar. After inserting it, you can set it to display content on a single line, on multiple lines, or display password content. This, and other settings can be done with the Text Field Properties panel.

Textarea

In order to insert a textarea inside a form in page (or even independent from the form) click the Textarea button from the toolbar. After inserting it, you can set it to display content on a single line, on multiple lines, or display password content. This, and other settings can be done with the Textarea Properties panel.

Button

In order to insert a button inside a form in page (or even independent from the form) click the Button button from the toolbar. Buttons perform actions when clicked, and these actions usually involve submitting forms. Set advanced button options by using the Button Properties panel.

Checkbox

In order to insert a checkbox inside a form in page (or even independent from the form) click the Checkbox button from the toolbar. Checkboxes are used when there are only two available answers regarding a certain decision (yes or no). Their being checked or unchecked covers those two possibilities. You can insert a set of checkboxes in page and allow the user to check multiple options at once. Configure advanced checkbox settings by using the Checkbox Properties panel.

Radio Button

In order to insert a radio button inside a form in page (or even independent from the form) click the Radio Button button from the toolbar. In a group of related radio buttons, only one of them can be checked at one time (exclusive selection). Configure advanced radio button settings by using the Radio Button Properties panel.

List/Menu

In order to insert a list/menu item inside a form in page (or even independent from the form) click the List/Menu button from the toolbar. With a list you can make multiple selections, while with a menu you can only select one option. Set advanced list/menu options by using the List/Menu Properties panel.

File Field

In order to insert a file field inside a form in page (or even independent from the form) click the File Field button from the toolbar. File fields offer the possibility of browsing to a file stored on your computer, and then submit it as form data. Set advanced file field options by using the File Field Properties panel.

Hidden Field

In order to insert a hidden field inside a form in page (or even independent from the form) click the Hidden Field button from the toolbar. Hidden fields store information that is not displayed in the form (e.g. current date, data specified by the site developer, data retrieved from the session etc.). Set advanced hidden field options by using the Hidden Field Properties panel.

Fieldset

In order to insert a fieldset inside a form in page (or even independent from the form) click the Fieldset button from the toolbar. A fieldset is a bordered container that has a name ('Legend' is the default name) and inside which you can insert other form elements. To set advanced fieldset options use the Fieldset Properties panel.

Label

In order to insert a label inside a form in page (or even independent from the form) click the Label button from the toolbar. A label is a text section associated to a form control (previously inserted in page). When you click the label, the form control gets focused. To set advanced label options use the Label Properties panel.

Cell Properties: Element ID

The Cell Properties panel is displayed when the cursor is placed inside a table cell or when the <TD> tag is selected in the Tag Selector.

In the Element ID text box (affiché en vue Simple) enter the value for the id attribute. It will uniquely identify the element (table cell) in page.

Cell Properties: Largeur

The Cell Properties panel is displayed when the cursor is placed inside a table cell or when the <TD> tag is selected in the Tag Selector.

In the Largeur text box (affiché en vue Simple) specify the width of the table cell where the cursor is placed (it will become the width of that respective table column). The width can be given in either number of pixels or percentage of the whole table's width.

If you enter the width in pixels and the value is greater than 1000, a pop-up window will display an error message: “The value must be lower than 1000.” It's recommended that you enter the value as percents.

Cell Properties: Height

The Cell Properties panel is displayed when the cursor is placed inside a table cell or when the <TD> tag is selected in the Tag Selector.

In the Height text box (affiché en vue Simple) specify the height of the table cell where the cursor is placed (it will become the height of that respective table row). The height can be given in either number of pixels or percentage of the whole table's height.

If you enter the height in pixels and the value is greater than 1000, a pop-up window will display an error message: “The value must be lower than 1000.” It's recommended that you enter the value as percents. Usually though, the height is not set because it increases anyway as you type text in the table cell.

Cell Properties: Horizontal Alignment

The Cell Properties panel is displayed when the cursor is placed inside a table cell or when the <TD> tag is selected in the Tag Selector.

The H Align drop-down menu (affiché en vue Simple) contains the options for the horizontal alignment of the cell's content:

Cell Properties: Vertical Alignment

The Cell Properties panel is displayed when the cursor is placed inside a table cell or when the <TD> tag is selected in the Tag Selector.

The V Align drop-down menu (affiché en vue Simple) contains the options for the vertical alignment of the cell's content:

Cell Properties: No Wrap

The Cell Properties panel is displayed when the cursor is placed inside a table cell or when the <TD> tag is selected in the Tag Selector.

Check the No Wrap option (affiché en vue Simple) if you want the text inserted in the current cell to be displayed as a single line (if there are more paragraphs, each of them on a line). This could enlarge the cell. If the option is not checked, then the entered text passes on to the next line when it reaches the cell width limit.

Cell Properties: Header

The Cell Properties panel is displayed when the cursor is placed inside a table cell or when the <TD> tag is selected in the Tag Selector.

If the Header option (affiché en vue Simple) is checked, the content from the current cell will be formatted as bold and centered (header style).

Cell Properties: Background Image

The Cell Properties panel is displayed when the cursor is placed inside a table cell or when the <TD> tag is selected in the Tag Selector.

With the Bg text box (displayed in Advanced view) you can set the desired background image for the selected cell (where the cursor is placed). You can either enter the full path (URL) to the image previously uploaded on the remote server or you can click the Browse for Image button to select an image from the server.

Note : It is your task to make sure the table cell and the image have the right dimensions, as automatic resizing of the image to the cell's dimensions will not take place.

Cell Properties: Background Color

The Cell Properties panel is displayed when the cursor is placed inside a table cell or when the <TD> tag is selected in the Tag Selector.

With the Bg Color text box (displayed in Advanced view) you can set the desired background color for the selected cell (where the cursor is placed). You can enter the hexadecimal code of the color in the text box or you can click the Color Picker button to select a color from a large range of colors. The Color Picker also offers the possibility of entering the hexadecimal code for a precise, preferred background color.

Cell Properties: Border Color

The Cell Properties panel is displayed when the cursor is placed inside a table cell or when the <TD> tag is selected in the Tag Selector.

With the Brdr Color text box (displayed in Advanced view) you can set the desired border color of the selected cell (where the cursor is placed). You can enter the hexadecimal code of the color in the text box or you can click the Color Picker button to select a color from a large range of colors. The Color Picker also offers the possibility of entering the hexadecimal code for a precise, preferred border color.

Cell Properties: Advanced

The Cell Properties panel is displayed when the cursor is placed inside a table cell or when the <TD> tag is selected in the Tag Selector.

By clicking the Advanced button (affiché en vue Simple), the Cell Properties panel will switch to Advanced view. You will be offered the possibility of setting advanced options for the currently selected table cell.

Cell Properties: Simple

The Cell Properties panel is displayed when the cursor is placed inside a table cell or when the <TD> tag is selected in the Tag Selector.

By clicking the Simple button (displayed in Advanced view), the Cell Properties panel will switch to Simple view. You will be offered the possibility of setting various options for the currently selected table cell.

Row Properties: Element ID

The Row Properties panel is displayed when you select at least two cells on the same table row, when you click the associated glyph (the selector symbol), or when the <TR> tag is selected in the Tag Selector.

In the Element ID text box enter the value for the id attribute. It will uniquely identify the element (table row) in page.

Row Properties: Horizontal Alignment

The Row Properties panel is displayed when you select at least two cells on the same table row, when you click the associated glyph (the selector symbol), or when the <TR> tag is selected in the Tag Selector.

The H Align drop-down menu contains the options for the horizontal alignment of the row's content:

Row Properties: Vertical Alignment

The Row Properties panel is displayed when you select at least two cells on the same table row, when you click the associated glyph (the selector symbol), or when the <TR> tag is selected in the Tag Selector.

The V Align drop-down menu contains the options for the vertical alignment of the row's content:

Row Properties: Background Image

The Row Properties panel is displayed when you select at least two cells on the same table row, when you click the associated glyph (the selector symbol), or when the <TR> tag is selected in the Tag Selector.

With the Bg text box you can set an image as the row background. You can either enter the full path (URL) to the image previously uploaded on the remote server or you can click the Browse for image button to select an image from the server.

Note : It is your task to make sure the image has appropriate dimensions, as automatic resizing of the image to the row's dimensions will not take place.

Row Properties: Background Color

The Row Properties panel is displayed when you select at least two cells on the same table row, when you click the associated glyph (the selector symbol), or when the <TR> tag is selected in the Tag Selector.

With the Bg Color text box you can set the desired background color for the selected row. You can enter the hexadecimal code of the color in the text box or you can click the Color Picker button to select a color from a large range of colors. The Color Picker also offers the possibility of entering the hexadecimal code for a precise, preferred background color.

Row Properties: Border Color

The Row Properties panel is displayed when you select at least two cells on the same table row, when you click the associated glyph (the selector symbol), or when the <TR> tag is selected in the Tag Selector.

With the Brdr Color text box you can set the desired border color for the selected row. You can enter the hexadecimal code of the color in the text box or you can click the Color Picker button to select a color from a large range of colors. The Color Picker also offers the possibility of entering the hexadecimal code for a precise, preferred border color.

Note : Each cell of the selected row is bordered in that color, and not only the table row (seen as a larger cell).

Row Properties: Header

The Row Properties panel is displayed when you select at least two cells on the same table row, when you click the associated glyph (the selector symbol), or when the <TR> tag is selected in the Tag Selector.

If the Header option is checked, the content from the current row will be formatted as bold and centered (header style).

Row Properties: No Wrap

The Row Properties panel is displayed when you select at least two cells on the same table row, when you click the associated glyph (the selector symbol), or when the <TR> tag is selected in the Tag Selector.

If the No Wrap option is checked, each paragraph in the current row will be displayed on a single line.

Propriétés Tableau : Element ID

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

In the Element ID text box (affiché en vue Simple) enter the value for the id attribute. It will uniquely identify the element (table) in page.

Propriétés Tableau : Largeur

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

In the Largeur text box (affiché en vue Simple) specify a new width for the table. The width can be given in either number of pixels or percentage of the page width. If you enter the width in pixels and the value is greater than 1000, a pop-up window will display the error message: “The value must be lower than 1000.”

Note : The default width of the table is rather tight (each column expands wide enough for the 'space' character to fit inside). You can also manually modify the table's dimensions by pulling the table handlers (they appear once the table is selected).

Propriétés Tableau : Height

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

In the Height text box (affiché en vue Simple) specify the new height of the table. The height can be given in either number of pixels or percentage of the page height. If you enter the height in pixels and the value is greater than 1000, a pop-up window will display the error message: “The value must be lower than 1000.” Usually though, the table height is not set because it changes (increases) anyway as you type text in the table cells.

Note : The default height of the table is rather short (each column expands deep enough for the mouse cursor to fit inside). You can also manually modify the table's dimensions by pulling the table handlers (they appear once the table is selected).

Propriétés Tableau : Cell Padding

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

In the CellPad text box (affiché en vue Simple) specify the number of pixels between a cell’s content and the cell's borders (cell padding). The default value is 2.

Propriétés Tableau : Cell Spacing

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

In the CellSpace text box (affiché en vue Simple) specify the number of pixels between adjacent cells (cell spacing). The default value is 2.

Propriétés Tableau : Border

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

In the Border text box (affiché en vue Simple) enter the thickness (in pixels) of the border that you want displayed around the table. The default value is 1. To make the border invisible, set this attribute to 0.

Note : When the table border becomes invisible, the inside cell borders also become invisible. Otherwise, they maintain a constant thickness, no matter how thick the table border is.

Propriétés Tableau : Horizontal Alignment

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

The H Align drop-down menu (affiché en vue Simple) contains the options for the horizontal alignment of the table relatively to the page:

Propriétés Tableau : Header Rows

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

In the Header Rows text box (affiché en vue Simple) enter the number of rows that you will use as the table header. They will be included in the <thead></thead> tag. You can definite CSS rules for this tag in the KT_styles.css file (included in the package) so that the header rows will have a specific look.

Note : When talking about header and footer rows, you must see the table as having three categories of rows: header, body, and footer. There cannot be header rows without footer rows (at least in the KTML 4 vision). So if you enter a numeric value in one of the text boxes and leave the other one blank, the latter will be automatically filled with the value 1. The sum of the two values entered cannot be greater than the number of table rows minus 1 (at least one row must correspond to the table body). So if you choose to work with header and footer rows, and the second value you enter is greater than the maximum admitted, it will be automatically decreased to that allowed maximum value.

Propriétés Tableau : Légende

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

Dans le champ texte Légende (visible en vue Avancée) saisissez le texte destiné à apparaitre en tant que légende (le nom du talbeau). La balise <caption></caption> est incluse dans la balise <table></table>.

Propriétés Tableau : Résumé

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

Dans le champ texte Résumé (visible en vue Avancée) saisissez la valeur associée à l'attribut 'résumé'.

Propriétés Tableau : Position Légende

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

Le menu-déroulant Postion Légende (visible en vue Avancée) contient les option de positionnement de la légende par rapport au tableau (et sa hauteur) :

Propriétés Tableau : Alignement Légende

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

Le menu-déroulant Alignement Légende (visible en vue Avancée) contient les options d'alignement horizontal de la légende par rapport au tableau (et sa largeur) :

Propriétés Tableau : Image de Fond

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

Grâce au champ texte Fond (visible en vue Avancée) vous pouvez définir une image en tant que fond de tableau. Vous pouvez saisir soit un chemin absolu (URL) vers une image préalablement téléchargée sur le serveur distant ou cliquer le bouton Sélectionner une image afin de sélectionner une image à partir du serveur.

Note : Assurez-vous que les dimensions de l'image soient adaptées à celles du tableau car aucun redimensionnement automatique ne sera appliqué afin qu'elles correspondent.

Propriétés Tableau : Couleur de fond

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

Grâce au champ texte Couleur de fond (visible en vue Avancée) vous pouvez définir la couleur de fond du tableau. Vous pouvez entrer le code hexadécimal de la couleur dans le champ texte ou vous pouvez cliquer sur le bouton Sélecteur Couleur afin de séléctionner une couleur parmis une large palette. Le sélecteur de couleur offre également la possibilité d'entrer le code hexadécimal d'une couleur de fond précise.

Propriétés Tableau : Couleur Bordure

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

Grâce au champ texte Couleur Bordure (visible en vue Avancée) vous pouvez définir la couleur de bordure du tableau. Vous pouvez entrer le code hexadécimal de la couleur dans le champ texte ou vous pouvez cliquer sur le bouton Sélecteur Couleur afin de séléctionner une couleur parmis une large palette. Le sélecteur de couleur offre également la possibilité d'entrer le code hexadécimal d'une couleur de bordure précise.

Note : Chaque bordure de cellule du tableau sera affiché dans cette couleur, et pas uniquement le talbeau lui-même (considéré comme une grande cellule).

Propriétés Tableau : Avancée

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

En cliquant sur le bouton Avancée (visible en vue Simple) le panneau de propriétés basculera en vue Avancée. Vous aurrez ainsi la possiblité d'accéder aux paramètres avancés du tableau séléctionné.

Propriétés Tableau : Simple

Le panneau de propriétés de tableau est affiché lorsque vous sélectionnez un tableau en cliquant sur son symbol associé ou quand la balise <TABLE> est sélectionnée dans le selecteur de balises.

En cliquant sur le bouton Simple (visible en vue Avancée) le panneau de propriétés basculera en vue Avancée. Vous aurrez ainsi la possiblité d'accéder a divers paramètres du tableau séléctionné.

Propriétés Listes à Puces : ID Elément

Le panneau des propriétés des Listes à Puces s'affiche lorsque vous séléctionnez au moins deux éléments d'une liste à puces ou lorsque la balise <UL> est séléctionnée dans le sélecteur de balises.

Dans le champ texte ID Elément, entrez la valeur de l'attribut id. Cela permet d'identifier l'élément (liste à puces) de façon unique dans la page.

Propriétés Listes à Puces : Forme Puce

Le panneau des propriétés des Listes à Puces s'affiche lorsque vous séléctionnez au moins deux éléments d'une liste à puces ou lorsque la balise <UL> est séléctionnée dans le sélecteur de balises.

Vous pouvez changer la forme des puces affichées au début des grace au menu Forme Puce. Les options disponibles sont :

Propriétés Liste Numérotée : ID Elément

Le panneau des propriétés des Listes Numérotées (ordonnée) s'affiche lorsque vous séléctionnez au moins deux éléments d'une liste ou lorsque la balise <OL> est séléctionnée dans le sélecteur de balises.

Dans le champ texte ID Elément, entrez la valeur de l'attribut id. Cela permet d'identifier l'élément (liste numérotée) de façon unique dans la page.

Propriétés Liste Numérotée : Type Numérotation

Le panneau des propriétés des Listes Numérotées (ordonnée) s'affiche lorsque vous séléctionnez au moins deux éléments d'une liste ou lorsque la balise <OL> est séléctionnée dans le sélecteur de balises.

Vous pouvez changer le style de numération des éléments d'une liste. Les options suivantes sont disponibles :

  1. Arabe (défaut) : 1, 2, 3...
  2. Alpha minuscule : a, b, c...
  3. Alpha majuscule : A, B, C...
  4. Roman minuscule : i, ii, iii...
  5. Roman majuscule : I, II, III...
Propriétés Liste Numérotée : Commencer à

Le panneau des propriétés des Listes Numérotées (ordonnée) s'affiche lorsque vous séléctionnez au moins deux éléments d'une liste ou lorsque la balise <OL> est séléctionnée dans le sélecteur de balises.

Dans le champ texte Commence à, entrez un nombre supérieur ou égale à zéro à partir duquel la numérotation devrait commencer. Par exemple, si vous entrez 4, le premier élément de la liste ordonnée sera précédé d'un 4, d, D, iv ou IV (selon le type de numérotation choisie).

Propriétés Liste d'éléments : ID Elément

Le panneau des propriétés des Listes d'éléments s'affiche lorsque vous séléctionnez ou placez le pointeur de la souris dans une liste d'éléments (qui peut être ordonnée ou non), ou lorsque la balise <LI> est séléctionnée dans le sélecteur de balises.

Dans le champ texte ID Elément, entrez la valeur de l'attribut id. Cela permet d'identifier l'élément (liste d'éléments) de façon unique dans la page.

Propriétés Liste d'éléments : Forme Puce

Le panneau des propriétés des Listes d'éléments s'affiche lorsque vous séléctionnez ou placez le pointeur de la souris dans une liste d'éléments (qui peut être ordonnée ou non), ou lorsque la balise <LI> est séléctionnée dans le sélecteur de balises.

Si l'élément appartient à une liste à puces, le menu déroulant Forme Puce vous permettra de modifier l'apparence des puces. Séléctionnez l'une de ces options :

Propriétés Liste d'éléments : Type Numérotation

Le panneau des propriétés des Listes d'éléments s'affiche lorsque vous séléctionnez ou placez le pointeur de la souris dans une liste d'éléments (qui peut être ordonnée ou non), ou lorsque la balise <LI> est séléctionnée dans le sélecteur de balises.

Si l'élément appartient à une liste numérotée, le menu déroulant Type Numérotation vous permettra de modifier le type de numérotation. Séléctionnez l'une des options disponibles :

  1. Arabe (défaut) : 1, 2, 3...
  2. Alpha minuscule : a, b, c...
  3. Alpha majuscule : A, B, C...
  4. Roman minuscule : i, ii, iii...
  5. Roman majuscule : I, II, III...
Propriétés Liste d'éléments : Valeur Départ

Le panneau des propriétés des Listes d'éléments s'affiche lorsque vous séléctionnez ou placez le pointeur de la souris dans une liste d'éléments (qui peut être ordonnée ou non), ou lorsque la balise <LI> est séléctionnée dans le sélecteur de balises.

Si l'élément sélectionné appartient à une liste numérotée, le champ texte Valeur Départ apparaitera. Le nombre que vous entrez dans ce champ sera associé à la liste d'éléments et affiché devant celle-ci (représenté par un nombre, un caractère alphanumérique ou roman). Le nombre/lettre associé à l'élément de liste suivant sera égale à cette valeur incrémentée de 1.

Propriétés Séparateur Horizontal : Element ID

Le panneau Propriétés Séparateur Horizontal est affiché lorsque vous sélectionnez un séparateur horizontal (en le cliquant) inséré dans la page. Il correspond à la balise <HR> du sélecteur de balises.

Dans le champ texte ID Elément, entrez la valeur de l'attribut id. Cela permet d'identifier l'élément (séparateur horizontal) de façon unique dans la page.

Propriétés Séparateur Horizontal : Largeur

Le panneau Propriétés Séparateur Horizontal est affiché lorsque vous sélectionnez un séparateur horizontal (en le cliquant) inséré dans la page. Il correspond à la balise <HR> du sélecteur de balises.

Dans le champ texte Largeur, entrez un nombre correspondant à la largeur du séparateur. Cette valeur peut être exprimée en pixels ou en pourcentage de la largeur de la page selon l'option séléctionnée dans le menu déroulant associé.

Propriétés Séparateur Horizontal : Largeur Exprimée en

Le panneau Propriétés Séparateur Horizontal est affiché lorsque vous sélectionnez un séparateur horizontal (en le cliquant) inséré dans la page. Il correspond à la balise <HR> du sélecteur de balises.

La largeur d'un séparateur horizontal peut être exprimée en pixels ou en pourcentage (relativement à la largeur de la page). Séléctionnez le type de mesure désiré dans le menu déroulant associé au champ texte Largeur.

Propriétés Séparateur Horizontal : Epaisseur

Le panneau Propriétés Séparateur Horizontal est affiché lorsque vous sélectionnez un séparateur horizontal (en le cliquant) inséré dans la page. Il correspond à la balise <HR> du sélecteur de balises.

Dans le champ texte Epaisseur, entrez un nombre correspondant à la valeur en pixels de l'épaisseur du séparateur. Plus le nombre sera grand, plus l'espace de délimitation (entre les paragraphes séparés par le ligne horizontale) le sera.

Propriétés Séparateur Horizontal : Alignement Horizontal

Le panneau Propriétés Séparateur Horizontal est affiché lorsque vous sélectionnez un séparateur horizontal (en le cliquant) inséré dans la page. Il correspond à la balise <HR> du sélecteur de balises.

Le menu déroulant Alignement H vous permet de modifier la position horizontale du séparateur par rapport à la largeur de la page :

Evidement, si la largeur du séparateur est équivalente à celle de la page, cette option n'aura aucun effet visible. Cette option n'a de sens que si le séparateur est moins large que la page.

Propriétés Séparateur Horizontal : Ombré

Le panneau Propriétés Séparateur Horizontal est affiché lorsque vous sélectionnez un séparateur horizontal (en le cliquant) inséré dans la page. Il correspond à la balise <HR> du sélecteur de balises.

Lorsque vous cochez l'option Ombré, la surface intérieure du séparateur horizontal (définie par l'épaisseur) sera transparente. Dans le cas contraire, elle sera remplie par une nuance de gris.

Propiétés Flash : ID Elément

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

Dans le champ texte ID Elément (affiché en vue Simple) entrez la valeur de l'attribut id. Cela permet d'identifier l'élément (animation Flash) de façon unique dans la page.

Propiétés Flash : Largeur

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

Dans le champ texte L (affiché en vue Simple) entrez la nouvelle largeur en pixels de l'animation. Vous pouvez également modifier la largeur manuellement en utilisant les poignées apparaissant lorsque l'animation est sélectionnée.

Propiétés Flash : Hauteur

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

Dans le champ texte H (affiché en vue Simple) entrez la nouvelle hauteur en pixels de l'animation. Vous pouvez également modifier la hauteur manuellement en utilisant les poignées apparaissant lorsque l'animation est sélectionnée.

Propiétés Flash : Fichier

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

Le champ texte Fichier (affiché en vue Simple) affiche le chemin de l'animation sélectionnée sur le serveur distant. Si vous désirez remplacer l'animation sélectionnée par une autre animation, cliquez sur le bouton situé à coté du champ texte puis sélectionnez un fichier différent. Vous pouvez également changer le chemin manuellement en le faisant pointer sur un fichier Flash différent.

Propiétés Flash : Image Alternative

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

Grace au champ texte Image Alternative vous avez la possiblité d'indiquer une image à afficher à la place de l'animation dans le cas ou le navigateur ne supporte pas les fichiers Flash. Vous pouvez soit entrer un chemin absolu (URL) vers une image préalablement téléchargée sur le serveur distant, soit cliquer le bouton Sélectionner Fichier afin de sélectionner une image depuis le serveur.

Propiétés Flash : Lecture

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

Cliquez le bouton Lecture (affiché en vue Simple et Avancée) lorsque vous désirez lire l'animation. Son libellé changera alors en 'Stop'. En cliquant le bouton Stop, l'animation Flash cessera sa lecture.

Propiétés Flash : Taille Initiale

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

Lorsque vous cliquez sur le bouton Taille Initiale (affiché en vue Simple), l'animation retrouve ses dimensions originales.

Propiétés Flash : Avancée

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

En cliquant sur bouton Avancée (affiché en vue Simple), le panneau de propriétés Flash basculera en vue Avancée. Ceci vous offira la possibilité d'accéder aux paramètres des options avancées de l'animation Flash sélectionnée.

Propiétés Flash : Boucle

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

Si l'option Boucle (affichée en vue Avancée) est cochée, l'animation Flash sera lu en continu. Sinon, elle ne sera lue qu'une seule fois et s'arrêtera.

Propiétés Flash : Lecture Auto.

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

Si l'option Lecture Auto. (affichée en vue Avancée) est cochée, l'animation Flash commencera automatiquement sa lecture lors du chargement de la page.

Propiétés Flash : Espacement Horizontal

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

Dans le champ texte Espacement H (affiché en vue Avancée), spécifiez la distance horizontale (en pixels) séparant l'animation Flash des autres éléments de la page (images, tableaux, textes) à gauche et à droite. La distance entre les éléments et l'animation Flash sera toujours maintenue en fonction de la valeur d'espacement horizontal même s'ils sont ajoutés à postériori. La valeur par défaut est 0 (zéro).

Propiétés Flash : Espacement Vertical

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

Dans le champ texte Espacement V (affiché en vue Avancée), spécifiez la distance verticale (en pixels) séparant l'animation Flash des autres éléments de la page (images, tableaux, textes) au dessus et en dessous. La distance entre les éléments et l'animation Flash sera toujours maintenue en fonction de la valeur d'espacement verticale même s'ils sont ajoutés à postériori . La valeur par défaut est 0 (zéro).

Propiétés Flash : Qualité

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

Grace au menu déroulant Qualité (affiché en vue Avancée), vous pouvez sélectionner la qualité de lecture que vous souhaitez pour l'animation Flash. Sachant que la qualité Haute favorisera un meilleur rendu et qu'une qualité Basse favorisera la vitesse d'affichage, vous pouvez sélectionner les options suivantes :

Propiétés Flash : Echelle

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

Grace au menu déroulant Echelle (affiché en vue Avancée) vous pouvez sélectionner la manière dont l'animation Flash s'adaptera aux dimensions spécifiées dans les champs texte L et H de la vue Simple :

Propiétés Flash : Alignement

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

Grace au menu déroulant Alignement (affiché en vue Avancée) vous pouvez modifier les paramètres de position de l'animation Flash par rapport aux autres éléments de la page :

Propiétés Flash : Couleur Fond

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

Grace au champ texte Couleur Fond (affiché en vue Avancée), vous pouvez définir la couleur de fond de l'animation Flash sélectionnée. Cette couleur sera également affichée lorsque l'animation est arrêtée.

Vous pouvez saisir le code hexadécimal de la couleur dans le champ texte ou vous pouvez cliquer sur le bouton Sélecteur Couleur afin de sélectionner une couleur parmis une vaste palette de couleurs. Le sélecteur de couleur vous offre également la possibilité d'entrer le code hexadécimal d'une couleur de fond précise.

Propiétés Flash : Simple

Le panneau Propriétés Flash est affiché lorsque vous sélectionnez (en la cliquant) une animation Flash (.swf) insérée dans votre page. Il correspond à la balise <flashmovie> du sélecteur de balises.

En cliquant sur le bouton Simple (affiché en vue Avancée), le panneau des propriétés Flash basculera en vue Simple. Ceci vous permettra d'accéder à divers paramètres de l'animation Flash sélectionnée.

Propriétés Windows Media : ID Elément

Le panneau Propriétés Windows Media est affiché lorsque vous sélectionnez (en le cliquant) un film Windows Media (.wmv .avi) inséré dans votre page. Il correspond à la balise <windowsmedia> du sélecteur de balises.

Dans le champ texte ID Elément (affiché en vue Simple) entrez la valeur de l'attribut id. Cela permet d'identifier l'élément (Film Windows Media) de façon unique dans la page.

Propriétés Windows Media : Largeur

Le panneau Propriétés Windows Media est affiché lorsque vous sélectionnez (en le cliquant) un film Windows Media (.wmv .avi) inséré dans votre page. Il correspond à la balise <windowsmedia> du sélecteur de balises.

Dans le champ texte L (affiché en vue Simple) entrez la nouvelle largeur en pixels du film. Vous pouvez également modifier la largeur manuellement en utilisant les poignées apparaissant lorsque le film est sélectionné.

Propriétés Windows Media : Hauteur

Le panneau Propriétés Windows Media est affiché lorsque vous sélectionnez (en le cliquant) un film Windows Media (.wmv .avi) inséré dans votre page. Il correspond à la balise <windowsmedia> du sélecteur de balises.

Dans le champ texte H (affiché en vue Simple) entrez la nouvelle hauteur en pixels du film. Vous pouvez également modifier la hauteur manuellement en utilisant les poignées apparaissant lorsque le film est sélectionné.

Propriétés Windows Media : Fichier

Le panneau Propriétés Windows Media est affiché lorsque vous sélectionnez (en le cliquant) un film Windows Media (.wmv .avi) inséré dans votre page. Il correspond à la balise <windowsmedia> du sélecteur de balises.

Le champ texte Fichier (affiché en vue Simple) affiche le chemin du film sélectionné sur le serveur distant. Si vous désirez remplacer le film sélectionné par un autre, cliquez sur le bouton situé à coté du champ texte puis sélectionnez un fichier différent. Vous pouvez également changer le chemin manuellement en le faisant pointer sur un film Windows Media différent.

Propriétés Windows Media : Image Alternative

Le panneau Propriétés Windows Media est affiché lorsque vous sélectionnez (en le cliquant) un film Windows Media (.wmv .avi) inséré dans votre page. Il correspond à la balise <windowsmedia> du sélecteur de balises.

Grace au champ texte Image Alternative vous avez la possiblité d'indiquer une image à afficher à la place du film dans le cas ou le navigateur ne supporte pas les fichiers Windows Media. Vous pouvez soit entrer un chemin absolu (URL) vers une image préalablement téléchargée sur le serveur distant, soit cliquer le bouton Sélectionner Fichier afin de sélectionner une image depuis le serveur.

Propriétés Windows Media : Lecture

Le panneau Propriétés Windows Media est affiché lorsque vous sélectionnez (en le cliquant) un film Windows Media (.wmv .avi) inséré dans votre page. Il correspond à la balise <windowsmedia> du sélecteur de balises.

Cliquez le bouton Lecture (affiché en vue Simple et Avancée) lorsque vous désirez lire le film. Son libellé changera alors en 'Stop'. En cliquant le bouton Stop, le film Windows Media cessera sa lecture.

Propriétés Windows Media : Taille Initiale

Le panneau Propriétés Windows Media est affiché lorsque vous sélectionnez (en le cliquant) un film Windows Media (.wmv .avi) inséré dans votre page. Il correspond à la balise <windowsmedia> du sélecteur de balises.

Lorsque vous cliquez sur le bouton Taille Initiale (affiché en vue Simple), le film est ramené à ses dimensions originales.

Propriétés Windows Media : Alignement

Le panneau Propriétés Windows Media est affiché lorsque vous sélectionnez (en le cliquant) un film Windows Media (.wmv .avi) inséré dans votre page. Il correspond à la balise <windowsmedia> du sélecteur de balises.

Grace au menu déroulant Alignement (affiché en vue Avancée) vous pouvez modifier les paramètres de position de du film Windows Media par rapport aux autres éléments de la page :

Propriétés Windows Media : Avancée

Le panneau Propriétés Windows Media est affiché lorsque vous sélectionnez (en le cliquant) un film Windows Media (.wmv .avi) inséré dans votre page. Il correspond à la balise <windowsmedia> du sélecteur de balises.

En cliquant sur bouton Avancée (affiché en vue Simple), le panneau de propriétés Windows Media basculera en vue Avancée. Ceci vous offira la possibilité d'accéder aux paramètres des options avancées du film Windows Media sélectionné.

Propriétés Windows Media : Lecture Auto.

Le panneau Propriétés Windows Media est affiché lorsque vous sélectionnez (en le cliquant) un film Windows Media (.wmv .avi) inséré dans votre page. Il correspond à la balise <windowsmedia> du sélecteur de balises.

Si l'option Lecture Auto. (affichée en vue Avancée) est cochée, le film Windows Media commencera automatiquement sa lecture lors du chargement de la page.

Propriétés Windows Media : Afficher Commandes

Le panneau Propriétés Windows Media est affiché lorsque vous sélectionnez (en le cliquant) un film Windows Media (.wmv .avi) inséré dans votre page. Il correspond à la balise <windowsmedia> du sélecteur de balises.

Si l'option Afficher Commandes (affichée en vue Avancée) est cochée, les commandes telles que pause/lecture, stop, arrière, avance seront affichées sous la zone du film dans la page.

Propriétés Windows Media : Afficher Infos.

Le panneau Propriétés Windows Media est affiché lorsque vous sélectionnez (en le cliquant) un film Windows Media (.wmv .avi) inséré dans votre page. Il correspond à la balise <windowsmedia> du sélecteur de balises.

Si l'option Afficher Infos. (affichée en vue Avancée) est cochée, le nom de la liste de lecture ainsi que le nom du fichier Windows Media seront affichés sous la zone du film dans la page (et sous la barre de commandes si elle est affichée).

Propriétés Windows Media : Afficher Barre Etat

Le panneau Propriétés Windows Media est affiché lorsque vous sélectionnez (en le cliquant) un film Windows Media (.wmv .avi) inséré dans votre page. Il correspond à la balise <windowsmedia> du sélecteur de balises.

Si l'option Afficher Barre Etat (affichée en vue Avancée) est cochée, un indicateur affichera le temps de lecture écoulé depuis le début du film. Cette information sera affichée sous le nom du fichier et/ou sous la barre de commandes en fonction des options sélectionnées. Sinon, elle sera affichée directement sous le film.

Propriétés Windows Media : Simple

Le panneau Propriétés Windows Media est affiché lorsque vous sélectionnez (en le cliquant) un film Windows Media (.wmv .avi) inséré dans votre page. Il correspond à la balise <windowsmedia> du sélecteur de balises.

En cliquant sur le bouton Simple (affiché en vue Avancée), le panneau des propriétés Windows Media basculera en vue Simple. Ceci vous permettra d'accéder à divers paramètres du film Windows Media sélectionné.

Propriétés QuickTime : ID Elément

Le panneau Propriétés QuickTime est affiché lorsque vous sélectionnez (en le cliquant) un film QuickTime (.mov) inséré dans votre page. Il correspond à la balise <quicktime> du sélecteur de balises.

Dans le champ texte ID Elément (affiché en vue Simple) entrez la valeur de l'attribut id. Cela permet d'identifier l'élément (Film QuickTime) de façon unique dans la page.

Propriétés QuickTime : Largeur

Le panneau Propriétés QuickTime est affiché lorsque vous sélectionnez (en le cliquant) un film QuickTime (.mov) inséré dans votre page. Il correspond à la balise <quicktime> du sélecteur de balises.

Dans le champ texte L (affiché en vue Simple) entrez la nouvelle largeur en pixels du film. Vous pouvez également modifier la largeur manuellement en utilisant les poignées apparaissant lorsque le film est sélectionné.

Propriétés QuickTime : Hauteur

Le panneau Propriétés QuickTime est affiché lorsque vous sélectionnez (en le cliquant) un film QuickTime (.mov) inséré dans votre page. Il correspond à la balise <quicktime> du sélecteur de balises.

Dans le champ texte H (affiché en vue Simple) entrez la nouvelle hauteur en pixels du film. Vous pouvez également modifier la hauteur manuellement en utilisant les poignées apparaissant lorsque le film est sélectionné.

Propriétés QuickTime : Lecture

Le panneau Propriétés QuickTime est affiché lorsque vous sélectionnez (en le cliquant) un film QuickTime (.mov) inséré dans votre page. Il correspond à la balise <quicktime> du sélecteur de balises.

Cliquez le bouton Lecture (affiché en vue Simple et Avancée) lorsque vous désirez lire le film. Son libellé changera alors en 'Stop'. En cliquant le bouton Stop, le film QuickTime cessera sa lecture.

Propriétés QuickTime : Fichier

Le panneau Propriétés QuickTime est affiché lorsque vous sélectionnez (en le cliquant) un film QuickTime (.mov) inséré dans votre page. Il correspond à la balise <quicktime> du sélecteur de balises.

Le champ texte Fichier (affiché en vue Simple) affiche le chemin du film sélectionné sur le serveur distant. Si vous désirez remplacer le film sélectionné par un autre, cliquez sur le bouton situé à coté du champ texte puis sélectionnez un fichier différent. Vous pouvez également changer le chemin manuellement en le faisant pointer sur un film QuickTime différent.

Propriétés QuickTime : Image Alternative

Le panneau Propriétés QuickTime est affiché lorsque vous sélectionnez (en le cliquant) un film QuickTime (.mov) inséré dans votre page. Il correspond à la balise <quicktime> du sélecteur de balises.

Grace au champ texte Image Alternative vous avez la possiblité d'indiquer une image à afficher à la place du film dans le cas ou le navigateur ne supporte pas les fichiers QuickTime. Vous pouvez soit entrer un chemin absolu (URL) vers une image préalablement téléchargée sur le serveur distant, soit cliquer le bouton Sélectionner Fichier afin de sélectionner une image depuis le serveur.

Propriétés QuickTime : Avancée

Le panneau Propriétés QuickTime est affiché lorsque vous sélectionnez (en le cliquant) un film QuickTime (.mov) inséré dans votre page. Il correspond à la balise <quicktime> du sélecteur de balises.

En cliquant sur bouton Avancée (affiché en vue Simple), le panneau de propriétés QuickTime basculera en vue Avancée. Ceci vous offira la possibilité d'accéder aux paramètres des options avancées du film QuickTimesélectionné.

Propriétés QuickTime : Boucle

Le panneau Propriétés QuickTime est affiché lorsque vous sélectionnez (en le cliquant) un film QuickTime (.mov) inséré dans votre page. Il correspond à la balise <quicktime> du sélecteur de balises.

Si l'option Boucle (affichée en vue Avancée) est cochée, le film QuickTime sera lu en continu. Sinon, il ne sera lu qu'une seule fois et s'arrêtera.

Propriétés QuickTime : Lecture Auto

Le panneau Propriétés QuickTime est affiché lorsque vous sélectionnez (en le cliquant) un film QuickTime (.mov) inséré dans votre page. Il correspond à la balise <quicktime> du sélecteur de balises.

Si l'option Lecture Auto. (affichée en vue Avancée) est cochée, le film QuickTime commencera automatiquement sa lecture lors du chargement de la page.

Propriétés QuickTime : Espacement Horizontal

Le panneau Propriétés QuickTime est affiché lorsque vous sélectionnez (en le cliquant) un film QuickTime (.mov) inséré dans votre page. Il correspond à la balise <quicktime> du sélecteur de balises.

Dans le champ texte Espacement H (affiché en vue Avancée), spécifiez la distance horizontale (en pixels) séparant le film QuickTime des autres éléments de la page (images, tableaux, textes) à gauche et à droite. La distance entre les éléments et le film sera toujours maintenue en fonction de la valeur d'espacement horizontal même s'ils sont ajoutés à postériori. La valeur par défaut est 0 (zéro).

Propriétés QuickTime : Espacement Vertical

Le panneau Propriétés QuickTime est affiché lorsque vous sélectionnez (en le cliquant) un film QuickTime (.mov) inséré dans votre page. Il correspond à la balise <quicktime> du sélecteur de balises.

Dans le champ texte Espacement V (affiché en vue Avancée), spécifiez la distance verticale (en pixels) séparant le film QuickTime des autres éléments de la page (images, tableaux, textes) au dessus et en dessous. La distance entre les éléments et le film sera toujours maintenue en fonction de la valeur d'espacement verticale même s'ils sont ajoutés à postériori. La valeur par défaut est 0 (zéro).

Propriétés QuickTime : Barre Commandes

Le panneau Propriétés QuickTime est affiché lorsque vous sélectionnez (en le cliquant) un film QuickTime (.mov) inséré dans votre page. Il correspond à la balise <quicktime> du sélecteur de balises.

Si l'option Commandes (affichée en vue Avancée) est cochée, la barre de commandes du film QuickTime sera affichée. Sinon, elle sera masquée.

Propriétés QuickTime : Echelle

Le panneau Propriétés QuickTime est affiché lorsque vous sélectionnez (en le cliquant) un film QuickTime (.mov) inséré dans votre page. Il correspond à la balise <quicktime> du sélecteur de balises.

Grace au menu déroulant Echelle (affiché en vue Avancée) vous pouvez sélectionner la manière dont le film QuickTime s'adaptera aux dimensions spécifiées dans les champs texte L et H de la vue Simple :

Propriétés QuickTime : Align

Le panneau Propriétés QuickTime est affiché lorsque vous sélectionnez (en le cliquant) un film QuickTime (.mov) inséré dans votre page. Il correspond à la balise <quicktime> du sélecteur de balises.

Grace au menu déroulant Alignement (affiché en vue Avancée) vous pouvez modifier les paramètres de position de du film QuickTime par rapport aux autres éléments de la page :

Propriétés QuickTime : Couleur Fond

Le panneau Propriétés QuickTime est affiché lorsque vous sélectionnez (en le cliquant) un film QuickTime (.mov) inséré dans votre page. Il correspond à la balise <quicktime> du sélecteur de balises.

Grace au champ texte Couleur Fond (affiché en vue Avancée), vous pouvez définir la couleur de fond du film QuickTime sélectionné. Cette couleur sera également affichée lorsque l'animation est arrêtée.

Vous pouvez saisir le code hexadécimal de la couleur dans le champ texte ou vous pouvez cliquer sur le bouton Sélecteur Couleur afin de sélectionner une couleur parmis une vaste palette de couleurs. Le sélecteur de couleur vous offre également la possibilité d'entrer le code hexadécimal d'une couleur de fond précise.

Propriétés QuickTime : Simple

Le panneau Propriétés QuickTime est affiché lorsque vous sélectionnez (en le cliquant) un film QuickTime (.mov) inséré dans votre page. Il correspond à la balise <quicktime> du sélecteur de balises.

En cliquant sur le bouton Simple (affiché en vue Avancée), le panneau des propriétés QuickTime basculera en vue Simple. Ceci vous permettra d'accéder à divers paramètres du film QuickTime sélectionné.

Propriétés Formulaire : ID Elément

Le panneau Propriétés Formulaire est affiché lorsque vous cliquez dans un formulaire (à l'intérieur de la zone délimitée par une ligne pointillée rouge) ou quand la balise <FORM> est sélectionnée dans le sélecteur de balises.

Dans le champ texte ID Elément (affiché en vue Simple) entrez la valeur de l'attribut id. Cela permet d'identifier le formulaire de façon unique dans la page.

Propriétés Formulaire : Action

Le panneau Propriétés Formulaire est affiché lorsque vous cliquez dans un formulaire (à l'intérieur de la zone délimitée par une ligne pointillée rouge) ou quand la balise <FORM> est sélectionnée dans le sélecteur de balises.

Dans le champ texte Action, entrez le chemin de la page chargée du traitement le formulaire.

Propriétés Formulaire : Target

Le panneau Propriétés Formulaire est affiché lorsque vous cliquez dans un formulaire (à l'intérieur de la zone délimitée par une ligne pointillée rouge) ou quand la balise <FORM> est sélectionnée dans le sélecteur de balises.

Dans le menu déroulant Cible, sélectionnez dans quelle fenêtre le résultat du traitement du formulaire sera chargé :

Propriétés Formulaire : Méthode

Le panneau Propriétés Formulaire est affiché lorsque vous cliquez dans un formulaire (à l'intérieur de la zone délimitée par une ligne pointillée rouge) ou quand la balise <FORM> est sélectionnée dans le sélecteur de balises.

Dans le menu déroulant Méthode, sélectionnez la méthode utilisée pour envoyer les données au serveur :

Propriétés Formulaire : Type Encodage

Le panneau Propriétés Formulaire est affiché lorsque vous cliquez dans un formulaire (à l'intérieur de la zone délimitée par une ligne pointillée rouge) ou quand la balise <FORM> est sélectionnée dans le sélecteur de balises.

Dans le menu déroulant Type Encodage, sélectionnez le type d'encodage employé pour envoyer les données au serveur :

Propriétés Champ Texte : ID Elément

Le panneau Propriétés Champ Texte est affiché lorsque vous sélectionnez (en le cliquant) à un champ texte inséré dans votre page. Il correpsond à la balise <INPUT> du sélecteur de balises.

Dans le champ texte ID Elément entrez la valeur de l'attribut id. Cela permet d'identifier le champ texte de façon unique dans la page.

Propriétés Champ Texte : Nbr. Caractères

Le panneau Propriétés Champ Texte est affiché lorsque vous sélectionnez (en le cliquant) à un champ texte inséré dans votre page. Il correpsond à la balise <INPUT> du sélecteur de balises.

Dans le champ texte Nbr. Caractères, spécifiez le nombre de caractères pouvant être affichés simultanément dans le champ texte (s'il ne comporte qu'une seule ligne). S'il s'agit d'un champ multi-lignes, cette valeur représente la largeur exprimé en nombre de caractères.

Propriétés Champ Texte : Car. Max

Le panneau Propriétés Champ Texte est affiché lorsque vous sélectionnez (en le cliquant) à un champ texte inséré dans votre page. Il correpsond à la balise <INPUT> du sélecteur de balises.

Dans le champ Car. Max, spécifiez le nombre maximum de caractères pouvant être saisi sans le champ texte (ligne unique).

Propriétés Champ Texte : Type

Le panneau Propriétés Champ Texte est affiché lorsque vous sélectionnez (en le cliquant) à un champ texte inséré dans votre page. Il correpsond à la balise <INPUT> du sélecteur de balises.

Le menu déroulant Type vous permet de sélectionner le type du champ texte selectionné :

Propriétés Champ Texte : Retour Chariot

Le panneau Propriétés Champ Texte est affiché lorsque vous sélectionnez (en le cliquant) à un champ texte inséré dans votre page. Il correpsond à la balise <INPUT> du sélecteur de balises.

Le menu déroulant Warp n'est accessible que lorsque le champ texte est un champ multilignes. Il vous permet de spécifier la façon dont l'entrée utilisateur sera présentée. Les options disponibles sont :

Propriétés Champ Texte : Valeur Initials

Le panneau Propriétés Champ Texte est affiché lorsque vous sélectionnez (en le cliquant) à un champ texte inséré dans votre page. Il correpsond à la balise <INPUT> du sélecteur de balises.

Le champ texte Val. Init. vous permet de spécifier la valeur du champ texte à afficher lors du chargement du formulaire.

Propriétés Champ Texte Multilignes : Element ID

Le panneau Propriétés Champ Texte Multilignes est affiché lorsque vous sélectionnez (en le cliquant) un champ texte multilignes. Il correspond à la balise <TEXTAREA> du sélecteur de balises.

Dans le champ texte ID Elément entrez la valeur de l'attribut id. Cela permet d'identifier le champ texte de façon unique dans la page.

Propriétés Champ Texte Multilignes : Nbr. Caractères

Le panneau Propriétés Champ Texte Multilignes est affiché lorsque vous sélectionnez (en le cliquant) un champ texte multilignes. Il correspond à la balise <TEXTAREA> du sélecteur de balises.

Dans le champ texte Nbr.Caratères, spécifiez le nombre maximum de caractères pouvant être affichés sur une ligne du champ (autrement dit, il s'agit de la largeur du champ exprimé en nombre de caractères).

Propriétés Champ Texte Multilignes : Nbr. Lignes

Le panneau Propriétés Champ Texte Multilignes est affiché lorsque vous sélectionnez (en le cliquant) un champ texte multilignes. Il correspond à la balise <TEXTAREA> du sélecteur de balises.

Le champ texte Nbr. Lignes vous permet de spécifier la hauteur du champ texte (nombre de lignes visibles).

Propriétés Champ Texte Multilignes : Type

Le panneau Propriétés Champ Texte Multilignes est affiché lorsque vous sélectionnez (en le cliquant) un champ texte multilignes. Il correspond à la balise <TEXTAREA> du sélecteur de balises.

Le menu déroulant Type vous permet de sélectionner le type du champ texte selectionné :

Propriétés Champ Texte Multilignes : Retour Chariot

Le panneau Propriétés Champ Texte Multilignes est affiché lorsque vous sélectionnez (en le cliquant) un champ texte multilignes. Il correspond à la balise <TEXTAREA> du sélecteur de balises.

Le menu déroulant Warp n'est accessible que lorsque le champ texte est un champ multilignes. Il vous permet de spécifier la façon dont l'entrée utilisateur sera présentée. Les options disponibles sont :

Propriétés Champ Texte Multilignes : Valeur Initiale

Le panneau Propriétés Champ Texte Multilignes est affiché lorsque vous sélectionnez (en le cliquant) un champ texte multilignes. Il correspond à la balise <TEXTAREA> du sélecteur de balises.

Le champ texte Val. Init. vous permet de spécifier la valeur du champ texte à afficher lors du chargement du formulaire.

Propriétés Bouton : ID Elément

Le panneau Propriétés Bouton est affiché lorsque vous sélectionnez (en le cliquant) un bouton inséré dans votre page. Il correspond à la balise <INPUT> du sélecteur de balises.

Dans le champ texte ID Elément entrez la valeur de l'attribut id. Cela permet d'identifier le bouton de façon unique dans la page.

Propriétés Bouton : Label

Le panneau Propriétés Bouton est affiché lorsque vous sélectionnez (en le cliquant) un bouton inséré dans votre page. Il correspond à la balise <INPUT> du sélecteur de balises.

Le champ texte Label vous permet de spécifier le texte qui sera affiché dans le bouton.

Propriétés Bouton : Action

Le panneau Propriétés Bouton est affiché lorsque vous sélectionnez (en le cliquant) un bouton inséré dans votre page. Il correspond à la balise <INPUT> du sélecteur de balises.

The Action radio group offers three possibilities regarding what happens when the button is clicked:

  1. Submit form - the form data is submitted for processing.
  2. Reset form - the input entered in the form controls is cleared.
  3. None - specify the action to take place when the button is clicked.
Checkbox Properties: Element ID

The Checkbox Properties panel is displayed when you select (click on) a checkbox inserted in your page. It corresponds to the <INPUT> tag in the Tag Selector.

In the Element ID text box enter the value for the id attribute. It will uniquely identify the element (checkbox) in page.

Checkbox Properties: Checked Value

The Checkbox Properties panel is displayed when you select (click on) a checkbox inserted in your page. It corresponds to the <INPUT> tag in the Tag Selector.

In the Checked value text box enter the value that will be sent to the server once the form is submitted, if the checkbox was checked.

Checkbox Properties: Initial State

The Checkbox Properties panel is displayed when you select (click on) a checkbox inserted in your page. It corresponds to the <INPUT> tag in the Tag Selector.

In the Initial state radio group choose how you want the checkbox to be when the form first loads in browser:

Radio Propriétés Bouton : Element ID

The Radio Button Properties panel is displayed when you select (click on) a radio button inserted in your page. It corresponds to the <INPUT> tag in the Tag Selector.

In the Element ID text box enter the value for the id attribute. It will uniquely identify the element (radio button) in page.

Note : However, if you need to work with a radio group (more radio buttons, with only one that can be selected at one time), all the buttons in the group must share the same id.

Radio Propriétés Bouton : Checked Value

The Radio Button Properties panel is displayed when you select (click on) a radio button inserted in your page. It corresponds to the <INPUT> tag in the Tag Selector.

In the Checked value text box enter the value that will be sent to the server once the form is submitted, if the current radio button was selected.

Radio Propriétés Bouton : Initial State

The Radio Button Properties panel is displayed when you select (click on) a radio button inserted in your page. It corresponds to the <INPUT> tag in the Tag Selector.

In the Initial state radio group choose how you want the current radio button to be when the form first loads in browser:

List/Menu Properties: Element ID

The List/Menu Properties panel is displayed when you select (click on) a list/menu item inserted in your page. It corresponds to the <SELECT> tag in the Tag Selector.

In the Element ID text box enter the value for the id attribute. It will uniquely identify the element (list/menu) in page.

List/Menu Properties: Type

The List/Menu Properties panel is displayed when you select (click on) a list/menu item inserted in your page. It corresponds to the <SELECT> tag in the Tag Selector.

In the Type drop-down menu decide if you want the list/menu item to be displayed as a:

List/Menu Properties: Height

The List/Menu Properties panel is displayed when you select (click on) a list/menu item inserted in your page. It corresponds to the <SELECT> tag in the Tag Selector.

The Height text box is only enabled if the form item type is 'list'. Enter the number of elements that you want the list to display (how many rows it should have).

List/Menu Properties: Selections

The List/Menu Properties panel is displayed when you select (click on) a list/menu item inserted in your page. It corresponds to the <SELECT> tag in the Tag Selector.

The Allow multiple checkbox is only enabled if the form item type is 'list'. Check it if you want multiple selections (of the list elements) to be possible.

List/Menu Properties: List Values

The List/Menu Properties panel is displayed when you select (click on) a list/menu item inserted in your page. It corresponds to the <SELECT> tag in the Tag Selector.

By clicking the List Values button, a dialog box pops-up and allows you to add/edit elements in the list/menu control.

List/Menu Values Editor

This dialog box pops-up when the List Values button from the List/Menu Properties panel is clicked. It offers you the possibility of adding or editing elements (labels and values) from the list/menu item. The user interface presents the following controls:

  1. The Plus (+)/Minus (-) buttons allow you to add/remove elements from the list/menu item.
  2. In the Item label and Item value text boxes enter the label (text displayed in the form control) and the value (value submitted to the server) of the current list element. The already entered elements are displayed.
  3. With the up and down arrows you can change the order of the list elements (in this same order they will be displayed in the form control).
  4. Click OK when you are done configuring the list elements.
  5. Click Cancel to exit without any new settings to be applied.
  6. The Help button opens this help window.
File Field Properties: Element ID

The File Field Properties panel is displayed when you select (click on) a file field inserted in your page. It corresponds to the <INPUT> tag in the Tag Selector.

In the Element ID text box enter the value for the id attribute. It will uniquely identify the element (file field) in page.

File Field Properties: Char Largeur

The File Field Properties panel is displayed when you select (click on) a file field inserted in your page. It corresponds to the <INPUT> tag in the Tag Selector.

In the Char Largeur text box set the maximum number of characters that can be displayed at one time in the file field (the width of the form control given in characters).

File Field Properties: Max Chars

The File Field Properties panel is displayed when you select (click on) a file field inserted in your page. It corresponds to the <INPUT> tag in the Tag Selector.

In the Max Chars text box set the maximum number of characters that can be entered in the file field when you choose to type the path to the file. If you use the Browse button to select a file, the number of characters in the path can and may exceed the set value of characters.

Hidden Field Properties: Element ID

The Hidden Field Properties panel is displayed when you select (click on) a hidden field inserted in your page. It corresponds to the <hidden> tag in the Tag Selector.

In the Element ID text box enter the value for the id attribute. It will uniquely identify the element (hidden field) in page.

Hidden Field Properties: Value

The Hidden Field Properties panel is displayed when you select (click on) a hidden field inserted in your page. It corresponds to the <hidden> tag in the Tag Selector.

In the Value text box enter the hidden field value that will be sent to the server once the form is submitted.

Fieldset Properties: Element ID

The Fieldset Properties panel is displayed when you select (click on) a fieldset control inserted in your page. It corresponds to the <FIELDSET> tag in the Tag Selector.

In the Element ID text box enter the value for the id attribute. It will uniquely identify the element (fieldset) in page.

Fieldset Properties: Legend

The Fieldset Properties panel is displayed when you select (click on) a fieldset control inserted in your page. It corresponds to the <FIELDSET> tag in the Tag Selector.

In the Legend text box enter the title to be displayed on the fieldset border.

Fieldset Properties: Align Legend

The Fieldset Properties panel is displayed when you select (click on) a fieldset control inserted in your page. It corresponds to the <FIELDSET> tag in the Tag Selector.

In the Align Legend drop-down menu select the way you want the fieldset title to be aligned on to the fieldset border:

Label Properties: Element ID

The Label Properties panel is displayed when you select or click inside a label field inserted in your page. It corresponds to the <LABEL> tag in the Tag Selector.

In the Element ID text box enter the value for the id attribute. It will uniquely identify the element (label) in page.

Label Properties: For

The Label Properties panel is displayed when you select or click inside a label field inserted in your page. It corresponds to the <LABEL> tag in the Tag Selector.

In the For text box enter the unique name (ID) of the form control to which you want to associate the label. Afterwards, when the page loads and you click the label, the corresponding form control gets focused.

Image Properties: Element ID

The Image Properties panel is displayed when you select (click on) an image inserted in your page. It corresponds to the <IMG> tag in the Tag Selector.

In the Element ID text box (affiché en vue Simple) enter the value for the id attribute. It will uniquely identify the element (image) in page.

Image Properties: Largeur

The Image Properties panel is displayed when you select (click on) an image inserted in your page. It corresponds to the <IMG> tag in the Tag Selector.

In the Largeur text box (affiché en vue Simple) specify a new width for the selected image (in pixels).

To keep the original size of the image, leave this field (and the Height one) to its default value. You can also resize the image without using the Image Properties panel: simply select it and then drag the resize handlers.

Image Properties: Height

The Image Properties panel is displayed when you select (click on) an image inserted in your page. It corresponds to the <IMG> tag in the Tag Selector.

In the Height text box (affiché en vue Simple) specify a new height for the selected image (in pixels).

To keep the original size of the image, leave this field (and the Largeur one) to its default value. You can also resize the image without using the Image Properties panel: simply select it and then drag the resize handlers.

Image Properties: Constrain

The Image Properties panel is displayed when you select (click on) an image inserted in your page. It corresponds to the <IMG> tag in the Tag Selector.

Connecting somehow the Largeur and Height text boxes, you'll notice the Constrain control (displayed in Simple view, obviously) that has only two appearances (symbols), namely chain and broken chain. They alternate according to your mouse-clicks. If you are resizing an image and you want to do it:

Image Properties: Horizontal Space

The Image Properties panel is displayed when you select (click on) an image inserted in your page. It corresponds to the <IMG> tag in the Tag Selector.

In the H Space text box (displayed in Advanced view) specify the horizontal distance (in pixels) between the image and the other page elements (images, table borders, text) to its left and right. These other page elements can be present in page or can be added at a later time: they will not get closer to the image than the horizontal space set. The default value is 0 (zéro).

Image Properties: Vertical Space

The Image Properties panel is displayed when you select (click on) an image inserted in your page. It corresponds to the <IMG> tag in the Tag Selector.

In the V Space text box (displayed in Advanced view) specify the vertical distance (in pixels) between the image and the other page elements (images, table borders, text) above and below it. These other page elements can be present in page or can be added at a later time: they will not get closer to the image than the vertical space set. The default value is 0 (zéro).

Image Properties: Source

The Image Properties panel is displayed when you select (click on) an image inserted in your page. It corresponds to the <IMG> tag in the Tag Selector.

The Src text box (affiché en vue Simple) displays the path on the remote server to the source image file. By clicking the Browse for image button to the right, you can replace the selected image with a new one of your choice.

Image Properties: Align

The Image Properties panel is displayed when you select (click on) an image inserted in your page. It corresponds to the <IMG> tag in the Tag Selector.

The Align drop-down menu (displayed in Advanced view) contains the options for the image position in relation with the other page elements:

Image Properties: Alternative Text

The Image Properties panel is displayed when you select (click on) an image inserted in your page. It corresponds to the <IMG> tag in the Tag Selector.

In the Alt text box (displayed in Advanced view) enter the alternative text (tooltip) to be displayed by browsers that do not support images. In most common browsers, this text also appears when the pointer is over the image.

Image Properties: Border

The Image Properties panel is displayed when you select (click on) an image inserted in your page. It corresponds to the <IMG> tag in the Tag Selector.

In the Border text box (affiché en vue Simple) enter the thickness (in pixels) of the border that you want displayed around the image. The default value is 0 (no border is displayed).

Image Properties: Advanced

The Image Properties panel is displayed when you select (click on) an image inserted in your page. It corresponds to the <IMG> tag in the Tag Selector.

By clicking the Advanced button (affiché en vue Simple), the Image Properties panel will switch to Advanced view. You will be offered the possibility of setting advanced options for the currently selected image.

Image Properties: Simple

The Image Properties panel is displayed when you select (click on) an image inserted in your page. It corresponds to the <IMG> tag in the Tag Selector.

By clicking the Simple button (displayed in Advanced view), the Image Properties panel will switch to Simple view. You will be offered the possibility of setting various options for the currently selected image.

Anchor Properties: Element ID

The Anchor Properties panel is displayed when you select (click on) the glyph of an anchor inserted in page. It corresponds to the <anchor> tag in the Tag Selector.

In the Element ID text box enter the value for the id attribute. It will uniquely identify the element (anchor) in page.

Anchor Properties: Name

The Anchor Properties panel is displayed when you select (click on) the glyph of an anchor inserted in page. It corresponds to the <anchor> tag in the Tag Selector.

The Name text box displays the name you entered when you created the anchor.

Anchor Properties: Remove Anchor

The Anchor Properties panel is displayed when you select (click on) the glyph of an anchor inserted in page. It corresponds to the <anchor> tag in the Tag Selector.

By clicking the Remove Anchor button, the current anchor is removed. If the anchor was applied to a selection (text, image), once you remove the anchor, its associated glyph will disappear and the initial selection will be revealed.

Remote File Explorer: Upload Files on Server

The Remote File Explorer window is displayed when you click the Image, Link to Document or Content Template buttons from the toolbar, or similar buttons in certain Property panels.

By clicking the Upload File button, a window will pop-up offering the possibility to look in the folder structure. Browse to the needed folder, select one or more files (hold the CTRL/SHIFT key for multiple selection), and then click the Open button. All the selected files will be uploaded to the remote server, and you can see them displayed as thumbnails in the Remote File Explorer window.

Note : The types of files that are allowed for upload, by default, are:

This list can vary, depending on the settings configured by the site administrator.

Remote File Explorer: Insert Files in Page

The Remote File Explorer window is displayed when you click the Image, Link to Document or Content Template buttons from the toolbar, or similar buttons in certain Property panels.

By clicking the Insert button, all the files selected (hold the CTRL/SHIFT key for multiple selection) in the current remote folder will be inserted in page.

Document files will be inserted as links. Once a link is pressed, the document file stored on the remote server will be opened.

Remote File Explorer: Filter Files

The Remote File Explorer window is displayed when you click the Image, Link to Document or Content Template buttons from the toolbar, or similar buttons in certain Property panels.

According to the upload folders you set for document, media, and template files, the Show drop-down menu will display certain options. Depending on the selected option, only files of the specified type from the remote folder will be displayed (as thumbnails), simplifying your work.

All the possible options displayed in the Show drop-down menu (in different situations) are:

  1. All Files
  2. Media Files - it is the default option when you click the Image button. It includes images and video files.
  3. Images
  4. Documents - it is the default option when you click the Link to Document button.
  5. Templates - it is the default option when you click the Content Template button. It is always displayed as disabled, no matter if the configured templates upload folder coincides or not with the documents and/or media files upload folder.

Depending on the selected option, only files of the specified type from the remote folder will be displayed (as thumbnails), simplifying your work.

The option selected in the Show drop-down menu also influences the files upload operation: when clicking the Upload File button, only the type of file specified in the Show drop-down menu will be displayed (in the folder from which you are uploading files).

Remote File Explorer: Cancel

The Remote File Explorer window is displayed when you click the Image, Link to Document or Content Template buttons from the toolbar, or similar buttons in certain Property panels.

By clicking the Cancel button, the Remote File Explorer window will close and no file will be inserted in page (even though they are selected). This operation will not cancel the creation of new folders on the remote server or the upload of new files.

Remote File Explorer: Home Folder

The Remote File Explorer window is displayed when you click the Image, Link to Document or Content Template buttons from the toolbar, or similar buttons in certain Property panels.

No matter what folder is currently selected in the tree-menu on the left, when you click the Home button, the home folder on the remote server will be accessed and its files will be displayed on the right. If you haven't done any specific settings in this regard, the home folder is by default the root folder.

Remote File Explorer: Path to the Current Folder

The Remote File Explorer window is displayed when you click the Image, Link to Document or Content Template buttons from the toolbar, or similar buttons in certain Property panels.

The text box associated to the Home button displays the path to the current folder (that has its files displayed as thumbnails on the right). The displayed path is relative to the folder root defined in the File Browser module. If the text box is blank, the root folder itself is selected and its included files are displayed.

You can also type the path to a certain folder (e.g. folder_1/folder_12/). If the folder is right on the root, you can simply type its name. Once you click the Go button, the files in that folder will be listed on the right.

Remote File Explorer: Go

The Remote File Explorer window is displayed when you click the Image, Link to Document or Content Template buttons from the toolbar, or similar buttons in certain Property panels.

By clicking the Go button, the file browser will navigate to the folder specified (its path) in the Home text box. If the text box is empty, the files stored on the main root will be displayed in the files area on the right.

Remote File Explorer: Refresh

The Remote File Explorer window is displayed when you click the Image, Link to Document or Content Template buttons from the toolbar, or similar buttons in certain Property panels.

By clicking the Refresh button, the content of the current folder will be refreshed: the included files will be reloaded. This way, if any change occured meanwhile in the folder structure, it will become visible after refreshing.

Remote File Explorer: Create New Folder

The Remote File Explorer window is displayed when you click the Image, Link to Document or Content Template buttons from the toolbar, or similar buttons in certain Property panels.

With the New Folder button you can create new folders in the remote folder structure.

Once you click the New Folder button, you will be prompted to enter a name for the new directory.

Remote File Explorer: Edit Image

The Remote File Explorer window is displayed when you click the Image, Link to Document or Content Template buttons from the toolbar, or similar buttons in certain Property panels.

The Edit Image button is only enabled when an image file is selected in the files area. Once clicked, it will open the Image Editor window, that provides a complete set of operations to help bring images in perfect shape.

Remote File Explorer: Delete

The Remote File Explorer window is displayed when you click the Image, Link to Document or Content Template buttons from the toolbar, or similar buttons in certain Property panels.

By clicking the Delete button, you will be prompted to confirm the deletion of the currently selected file(s) or folder from the remote server. If the selected folder is empty, it will be deleted without asking for confirmation.

Remote File Explorer: Folder Structure

The Remote File Explorer window is displayed when you click the Image, Link to Document or Content Template buttons from the toolbar, or similar buttons in certain Property panels.

A tree-menu explorer (folder navigator) is displayed on the left, showing the folder structure on the remote server.

The next time you launch the Remote File Explorer, the folder that you worked with previously will be remembered and selected in the tree-menu. Its content will be displayed in the files area on the right.

Remote File Explorer: Files in Current Folder

The Remote File Explorer window is displayed when you click the Image, Link to Document or Content Template buttons from the toolbar, or similar buttons in certain Property panels.

The files included in the selected folder on the left (in the tree-menu) are displayed as thumbnails on the right. You can select one or more files (holding the Ctrl key pressed). You can copy, cut, and paste files between folders. Files can also be renamed and duplicated. For more possible operations, check out the right-click contextual menus when manipulating files.

Image Editor: OK

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

By clicking the OK button, the Image Editor window will close and all the changes that you performed on the selected image will become available on the remote server and in page (if and when the image is inserted in page).

Image Editor: Reset

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

The Reset button is not active when you first launch the KTML Image Editor. It becomes active after you perform at least one operation on the image. By clicking it, the initial state of the image will be instantly restored (no matter how many changes you have just performed on the image).

Image Editor: Close

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

By clicking the Close button, the Image Editor window will close and no change will be performed on the current image.

Image Editor: Crop

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

When clicking the Crop button, a 107 pixels/107 pixels rectangle is displayed on top of your picture. You can change its position by dragging it around, and its dimensions by using either its handlers or the Largeur and Height text boxes that show in the lower part of the interface. Click the Apply button displayed at the bottom to crop the image to the established area.

Note : When cropping an image, the changes will take place server-side (the image on the server will be modified).

Image Editor: Crop - Largeur

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

After clicking the Crop button, the Largeur text box will be displayed in the lower part of the interface. Use it to specify the width (in pixels) of the cropping rectangle.

Image Editor: Crop - Height

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

After clicking the Crop button, the Height text box will be displayed in the lower part of the interface. Use it to specify the height (in pixels) of the cropping rectangle.

Image Editor: Crop - Apply

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

After clicking the Crop button, the Apply button will be displayed in the lower part of the interface. Once you click it, the image part that is covered by the cropping rectangle will be cut out from the initial picture and will become the new picture.

Image Editor: Crop - Cancel

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

After clicking the Crop button, the Cancel button will be displayed in the lower part of the interface. Click it to cancel the crop operation. It will also close the Crop fieldset.

Image Editor: Resize

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

Click the Resize button to change the size of the image (proportionally or not, depending on the Constrain value). Use the two text boxes (Largeur and Height) that show in the lower part of the interface to set the new image dimensions (in pixels) and then click the Apply button displayed at the bottom to resize the image as established.

Note : When resizing an image, the changes will take place server-side (the image on the server will be modified).

Image Editor: Resize - Largeur

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

After clicking the Resize button, the Largeur text box will be displayed in the lower part of the interface. Use it to specify the new width (in pixels) of the image.

Image Editor: Resize - Height

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

After clicking the Resize button, the Height text box will be displayed in the lower part of the interface. Use it to specify the new height (in pixels) of the image.

Image Editor: Resize - Constrain

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

After clicking the Resize button, the Constrain control will be displayed in the lower part of the interface, uniting somehow the Largeur and Height text boxes. It only has two appearances (symbols), namely chain and x. They alternate according to your mouse-clicks. If you are resizing an image and you want to do it:

  1. proportionally, make sure the chain symbol is displayed. Once you enter one of the dimensions, the other one will be automatically calculated so to maintain the proportion.
  2. not proportionally (independent dimensions), make sure the Constrain control displays the x symbol.
Image Editor: Resize - Apply

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

After clicking the Resize button, the Apply button will be displayed in the lower part of the interface. Once you click it, the image will be resized to the new dimensions established.

Image Editor: Resize - Cancel

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

After clicking the Resize button, the Cancel button will be displayed in the lower part of the interface. Click it to cancel the resize operation. It will also close the Resize fieldset.

Image Editor: Rotate Left

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

Click the Rotate left button if you want to rotate the current image to the left.

Note : If you finalize the operation, the changes will take place server-side (the image on the server will be modified).

Image Editor: Rotate Right

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

Click the Rotate right button if you want to rotate the current image to the right.

Note : If you finalize the operation, the changes will take place server-side (the image on the server will be modified).

Image Editor: Flip Vertically

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

Click the Flip vertically button to flip the image with 180 degrees vertically (the new image shown will be the old one seen in a horizontal mirror).

Note : If you finalize the operation, the changes will take place server-side (the image on the server will be modified).

Image Editor: Flip Horizontally

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

Click the Flip horizontally button to flip the image with 180 degrees horizontally (the new image shown will be the old one seen in a vertical mirror).

Note : If you finalize the operation, the changes will take place server-side (the image on the server will be modified).

Image Editor: Blur

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

Click the Blur button to give the current image a blurry effect.

Note : If you finalize the operation, the changes will take place server-side (the image on the server will be modified).

Image Editor: Sharpen

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

Click the Sharpen button to give the current image a sharp effect.

Note : If you finalize the operation, the changes will take place server-side (the image on the server will be modified).

Image Editor: Increase Contrast

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

Click the Increase contrast button to secure more contrast in the current image.

Note : If you finalize the operation, the changes will take place server-side (the image on the server will be modified).

Image Editor: Decrease Contrast

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

Click the Decrease contrast button to secure less contrast in the current image.

Note : If you finalize the operation, the changes will take place server-side (the image on the server will be modified).

Image Editor: Increase Brightness

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

Click the Increase brightness button to secure more brightness in the current image.

Note : If you finalize the operation, the changes will take place server-side (the image on the server will be modified).

Image Editor: Decrease Brightness

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

Click the Decrease brightness button to secure less brightness in the current image.

Note : If you finalize the operation, the changes will take place server-side (the image on the server will be modified).

Image Editor: Compress Image

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

Click the Compress image button to modify the image quality in order for its size (in kb) to decrease.

Note : If you finalize the operation, the changes will take place server-side (the image on the server will be modified).

Image Editor: Compress Image - Quality

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

After clicking the Compress image button, the Quality text box will be displayed in the lower part of the interface. Use it to specify the quality of the compressed image as percents (1-99) from the initial image quality.

Image Editor: Compress Image - Apply

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

After clicking the Compress image button, the Apply button will be displayed in the lower part of the interface. Once you click it, the image will be compressed according to the quality established.

Image Editor: Compress Image - Cancel

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

After clicking the Compress image button, the Cancel button will be displayed in the lower part of the interface. Click it to cancel the compress operation. It will also close the Compress fieldset.

Image Editor: Zoom In

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

Click the Zoom In button to expand the image proportionally. Each click will increase the image a little more.

Note : Zooming-in is not a server-side operation.

Image Editor: Zoom Out

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

Click the Zoom Out button to diminish the image proportionally. Each click will decrease the image a little more.

Note : Zooming-out is not a server-side operation.

Image Editor: Reset Zoom

The Image Editor window is displayed when, while having an image selected, you click the Edit Image option in the right-click contextual menu. The selected image can be either in page or in the files area of the Remote File Explorer window (where there also is an Edit Image button).

The Reset Zoom button becomes active only after you clicked the Zoom In and Zoom Out buttons for an unequal number of times (the image size is no longer the initial one). Once you click the Reset Zoom button, the image will be brought to its original size.

Title

TEXT

TEXT