The built-in HTML editor, or WYSIWYG Interface, is used to create and modify Web Pages, Templates, or any HTML OK field (such as product descriptions, Web Texts, product tabs, etc) within the FORTUNE3 Wizard. Powerful and easy to use, this HTML editor helps beginners and experts alike create professional and attractive online stores, manage and maintain their web pages, and control all aspects of their site without the need for 3rd party HTML editors.

Exit - Closes the HTML editor and returns you to the Fortune3 Wizard. You will be asked if you want to save your changes before closing.

Edit Menu

Undo (Ctrl + Z) - Undoes the last action performed.

Redo - Re-does the last un-done action.

Cut (Ctrl + X) - Removes the selected text or object(s) and stores them into the Windows clipboard until another data is copied or cut into the clipboard.

Copy (Ctrl + C) - Makes a copy of the selected text or object(s) and stores them into the Windows clipboard until another item is copied or cut into the clipboard.

Paste (Ctrl + V) - Places the data that is stored on the Window's clipboard and places it on the page. You can pay this item as many times as needed because a copied item is not removed from the clipboard.

Select All (Ctrl + A) - Selects everything within the page, template, or field.

Find (Ctrl + F) - Opens the "Find" window which allows you to search through the document for specific words, letters or code. When you are viewing the HTML code within the editor, you will also have the option to Find and Replace, but only in the HTML code view.

Toolbars - Opens and closes the various toolbars of the editor. The Standard, Format, Design, and Status bars have features which help you modify the various aspects of your web page, template, or field.

Show Borders - Displays the borders of the tables that are set to 0. This is intended for use only in design and has no impact on what is shown in a Web browser.

Document Details- Clicking this options toggles the document details showing elements of the document that usually aren't shown such as <br/>, <p>, etc.

Options - Shows and Hides the Options Panel which contains the Web Page Properties, Objects Properties, and HTML structure.

Properties (Ctrl + R) - Opens and closes the Floating Properties Window. For more information on the property inspector please click here.

Browser - Enables Browser mode, which shows you what your web page will look like within a browsers' window.


Insert Menu

This menu allows you to insert any object into the web page, template, or field you are editing:

Break (Shift + Enter) - Inserts a line break tag (<br />). This is used to move down to the next line.

Horizontal Line - Inserts a horizontal line (<hr>), which is used to visually separate content within your web page.

Inline Frame - Creates an <iframe>, which is used to load a separate page within this page.

Comment - HTML elements that are not shown by Web browsers. Can be used to leave notes for yourself or anyone else who views your code.

Picture - Opens a file browser which allows you to select which image to insert into your web page, template, or field. When you browse for the image and select it, the image file will automatically be copied to the appropriate folder so that it can be uploaded to your site and show properly.

Bookmark - Inserts a bookmark which serves as a indicator to an important area of the code to which you want to return later.

Form Objects - Form objects can be added to a web page to allow users to input data. You can add the following form objects to your web page:

Insert Form - Inserts the main Form tag (<form>) required for pages with form submissions.

Textbox - A Text box is a field that allows you customer to input alphanumerical data. The field appears as a single line and moves horizontally as text is entered so that new text can be viewed as it is entered. You can expand the box both horizontally and vertically in the editor however since the text will always appear as a single line expanding vertically will only have a visual effect on the box but not impact on how the text is displayed.

Textarea - A Text area is a multi-line textbox field, allowing users to type in multiple lines of text.

Checkbox - Allows your customer to choose from multiple responses. As many options as apply can be selected.

Radio List - Allows you customer to choose a SINGLE response from multiple options. Selecting any option in a radio list de-selects the previously selected option.

Listbox - Displays predetermined options values with a scrolling menu that allows you customer to choose multiple options.

Dropdown -A dropdown displays as an arrow that expands to show a list when clicked by a customer. It is used to list options your customer can choose from.

Button - Inserts a submit button for your form.

Hidden - Hidden fields store and pass along static information to be manually transmitted by a form.

Password - A field for entering a password, will show as bullets (●●●●●) to hide the text.

FORTUNE3 Objects:

These 3 options are only enabled if you are editing a Web Page that is using one of Fortune3's Web Page Layouts.

Format Menu

Font - Selecting this opens the "Font" window which allows you to modify the font, style, effects, size, and color of the text you are currently selecting or if no text is selected to the text typed after the location of the cursor. You should only use web-safe fonts.

Color - Opens the Font Color window, which allows you to select from 40 default colors and apply them to your selected text. Select "Custom.." and then "Define Custom Colors" to manually specify the values. You must then press "Add to Custom Colors" for the custom color to appear below the 40 preset colors, where it can be easily applied to your font.

• This
• is
• a
• Bulleted
• List

Pressing "Enter" between each bullet point will automatically build the bullet list structure for you. To exit a bullet list you can press the "Enter" button twice.

Numbered List - This option allows you to make a numbered list, which displays as follows:

1. This
2. is
3. a
4. Numbered
5. List

Pressing "Enter" between each numbered point will automatically build the numbered list structure for you. To exit a numbered list you can press the "Enter" button twice.

Indent - Adds additional space in between where your element starts and your cursor's position.

Outdent - Removes any added indentations.

Background Color - Opens the Background Color window, which allows you to select from 40 default colors and apply them to the background color of the text you are selecting or will type. Select "Custom.." and then "Define Custom Colors" to manually specify the values. You must then press "Add to Custom Colors" for the custom color to appear below the 40 preset colors, where it can be easily applied to the background color of your text.

Position Menu

Position Absolute - Sets the position of an element to an absolute place on your site, meaning regardless of the browser's size and screen resolution, the object will always appear on the specified pixel coordinate. When utilizing the absolute position feature you can specify what placement an element has within the Web Page, regardless of any other elements on the page.

Bring Forward - Brings an element with the absolute position one layer forward placing it in front of any elements preceding it.

Send Backward - Brings an element with the absolute position one layer backward placing it behind any elements preceding it.

Send to Front - Sends a element to the first layer, placing it in front of other elements with absolute positioning.

Send to Back - Sends a element to the last layer, placing it behind all other elements with absolute positioning.

Bring Above Text - Places the selected element in front of any text which overlaps it.

Send Below Text - Places the selected element behind any text which overlaps it.

Lock Element - Selecting this options locks the element in place, preventing it from being moved within the web page and the layers of the web page.

Snap to Grid - Snap to Grid command enables and disables snap to grid. When enabled, when you move a layer or selection the grid points move the object towards them.

Table Menu

Insert Table - Clicking on this option opens the Insert Table window, which allows you to set the parameters of your new table, clicking ok will add the table into your web page, where your cursor is located.

Insert Cols - Clicking this option inserts a column to the left of the cursor's cell. You must be in a table's cell for this option to be enabled.

Insert Cell - Clicking this option inserts a cell to the left of the cursor's cell. You must be in a table's cell for this option to be enabled.

Delete Rows - Clicking this option deletes the row the cursor is currently in. You must be in a table's cell for this option to be enabled.

Delete Cols - Clicking this option deletes the column the cursor is currently in. You must be in a table's cell for this option to be enabled.

Delete Cell - Clicking this option deletes the cell the cursor is currently in. You must be in a table's cell for this option to be enabled.

Merge Cells - This option combines the cells currently selected into 1 cell. This option only works if the selected cells can be merged. Empty cells cannot be merged, so if you would like to merge cells that are empty, enter a text into the empty cells temporarily, select the cells and do the merge, and then remove the temporary text you added.

Split Cells - This option splits the cursor's cell into 2 equal parts.

Format Bar

Font
Selecting this opens the "Font" window which allows you to modify the font, style, effects, size, and color of the text you are currently selecting or if no text is selected to the text typed after the location of the cursor. You should only use web-safe fonts.

Bold (Ctrl + B)

Italic (Ctrl + I)

Underline (Ctrl + U)

Color
Opens the Font Color window, which allows you to select from 40 default colors and apply them to your selected text. Select "Custom.." and then "Define Custom Colors" to manually specify the values. You must then press "Add to Custom Colors" for the custom color to appear below the 40 preset colors, where it can be easily applied to your font.

Align Left

Align Center

Align Right

Align Justify

Sub Script

Super Script

Strike

Bullets -

• This
• is
• a
• Bulleted
• List

Pressing "Enter" between each bullet point will automatically build the bullet list structure for you. To exit a bullet list you can press the "Enter" button twice.

Numbered List - This option allows you to make a numbered list, which displays as follows:

1. This
2. is
3. a
4. Numbered
5. List

Pressing "Enter" between each numbered point will automatically build the numbered list structure for you. To exit a numbered list you can press the "Enter" button twice.

Indent
Adds additional space in between where your element starts and your cursor's position.

Outdent
Removes any added indentations.

Background Color
Opens the Background Color window, which allows you to select from 40 default colors and apply them to the background color of the text you are selecting or will type. Select "Custom.." and then "Define Custom Colors" to manually specify the values. You must then press "Add to Custom Colors" for the custom color to appear below the 40 preset colors, where it can be easily applied to the background color of your text.

Standard Toolbar

Save (Ctrl + S)
Saves the web page, template, or field you are currently working on. FORTUNE3 recommends you save frequently to prevent the loss of data. If you are editing an HTML OK field, pressing save will automatically close the editor and bring you back to the original window.

Print (Ctrl + P)
Prints the current file in the mode you are currently on (Design Mode, View Code, Browser Mode).

Find (Ctrl + F)
Opens the "Find" window which allows you to search through the document for specific words, letters or code. When you are viewing the HTML code within the editor, you will also have the option to Find and Replace, but only in the HTML code view.

Cut (Ctrl + X)

Copy (Ctrl + C)

Makes a copy of the selected text or object(s) and stores them into the Windows clipboard until another item is copied or cut into the clipboard.

Paste (Ctrl + V)
Places the data that is stored on the Window's clipboard and places it on the page. You can pay this item as many times as needed because a copied item is not removed from the clipboard.

Undo (Ctrl + Z)
Undoes the last action performed.

Redo
Redoes the last undone action.

Insert Table
Clicking on this option opens the Insert Table window, which allows you to set the parameters of your new table, clicking ok will add the table into your web page, where your cursor is located.

Picture
Opens a file browser which allows you to select which image to insert into your web page, template, or field. When you browse for the image and select it, the image file will automatically be copied to the appropriate folder so that it can be uploaded to your site and show properly.

Hyperlink
Clicking this option allows you to hyperlink the selected object (text or image).

Form Objects - Form objects can be added to a web page to allow users to input data. You can add the following form objects to your web page:

Insert Form - Inserts the main Form tag (<form>) required for pages with form submissions.

Textbox - A Text box is a field that allows you customer to input alphanumerical data. The field appears as a single line and moves horizontally as text is entered so that new text can be viewed as it is entered. You can expand the box both horizontally and vertically in the editor however since the text will always appear as a single line expanding vertically will only have a visual effect on the box but not impact on how the text is displayed.

Textarea - A Text area is a multi-line textbox field, allowing users to type in multiple lines of text.

Checkbox - Allows your customer to choose from multiple responses. As many options as apply can be selected.

Radio List - Allows you customer to choose a SINGLE response from multiple options. Selecting any option in a radio list de-selects the previously selected option.

Listbox - Displays predetermined options values with a scrolling menu that allows you customer to choose multiple options.

Dropdown -A dropdown displays as an arrow that expands to show a list when clicked by a customer. It is used to list options your customer can choose from.

Button - Inserts a submit button for your form.

Hidden - Hidden fields store and pass along static information to be manually transmitted by a form.

Password - A field for entering a password, will show as bullets (●●●●●) to hide the text.

Document Details - Clicking this options toggles the document details showing elements of the document that usually aren't shown such as <br/>, <p>, etc.

Show Borders
Displays the borders of the tables that are set to 0. This is intended for use only in design and has no impact on what is shown in a Web browser.

Properties (Ctrl + R)
Opens and closes the Floating Properties Window. For more information on the property inspector please click here.

Design Bar

Design Mode
Selecting this mode displays the web page and its elements visually allowing you to make and see the changes. This is the default mode for editing.

View Code
Selecting this mode displays the web page and its elements entirely through HTML code and allows you to edit the HTML code directly.

Browser Mode
Enables Browser mode, which shows you what your web page, template, or field will look like within a browsers' window.

Preview in Browser (only enabled when editing Web Pages or Templates)
Opens up your default web browser to preview the Web Page or Template you are editing. If you are editing a web page that is set to be Within the Company's Template, the preview will open within the template, allowing you to see a realistic view of how your web page will be seen once uploaded.

Insert Rows
Clicking this option inserts a row above the cursor's cell. You must be in a table's cell for this option to be enabled.

Insert Cols
Clicking this option inserts a column to the left of the cursor's cell. You must be in a table's cell for this option to be enabled.

Delete Rows
Clicking this option deletes the row the cursor is currently in. You must be in a table's cell for this option to be enabled.

Delete Cols
Clicking this option deletes the column the cursor is currently in. You must be in a table's cell for this option to be enabled.

Delete Cell
Clicking this option deletes the cell the cursor is currently in. You must be in a table's cell for this option to be enabled.

Merge Cells
This option combines the cells currently selected into 1 cell. This option only works if the selected cells can be merged. Empty cells cannot be merged, so if you would like to merge cells that are empty, enter a text into the empty cells temporarily, select the cells and do the merge, and then remove the temporary text you added.

Split Cells
This option splits the cursor's cell into 2 equal parts.

Position Absolute
Sets the position of an element to an absolute place on your site, meaning regardless of the browser's size and resolution, the image will always appear on the specified pixel coordinate. When utilizing the absolute position feature you can specify what placement an element has within the Web Page, regardless of any other elements on the page.

Bring Forward
Brings an element with the absolute position one layer forward placing it in front of any elements preceding it.

Send Backward
Brings an element with the absolute position one layer backward placing it behind any elements proceeding it.

Send to Front
Sends a element to the first layer, placing it in front of other elements with absolute positioning.

Send to Back
Sends a element to the last layer, placing it behind all other elements with absolute positioning.

Bring Above Text
Places the selected element in front of any text which overlaps it.

Send Below Text
Places the selected element behind any text which it overlaps.

Lock Element
Selecting this options locks the element in place, preventing it from being moved within the web page and the layers of the web page.

Snap to Grid
Snap to Grid command enables and disables snap to grid. When enabled, when you move a layer or selection the grid points move the object towards them.

Textbox
Text box is a field that allows you customer to input alphanumerical data. The field appears as a single line and moves horizontally as text is input so that new text can be viewed as it is entered. You can expand the box both horizontally and vertically in the editor however since the text will always appear as a single line expanding vertically will only have a visual effect on the box but not impact on how the text is displayed.

Textarea
Text area is a field that allows your customer to input alphanumerical data. The area expands vertically as new data is input and continues expanding even after the area has been filled, allowing customers to view all the information they have input easily by scrolling up or down.

Checkbox
Allows your customer to choose from multiple responses. As many options as apply can be selected.

Radio List
Allows you customer to choose a SINGLE response from multiple options. Selecting any option in a radio list de-selects the previously selected option.

Listbox
Displays predetermined options values with a scrolling menu that allows you customer to choose multiple options.

Dropdown
A dropdown displays as an arrow that expands to show a list when clicked by a customer. It is used to lists options your customer can choose from

Button
Inserts a submit button into your web page, the text within this button can be modified.

Hidden
Hidden fields store information entered by a customer, which is used the next time a customer visits the site.

Password
When a customer inputs alphanumerical data into this field is ap pears as bullets (●●●●●) to hide the text.

Options Pane
The Options Pane is a reserved space on the left side of the HTML Editor that shows several options for the web page or template being edited. The Options Pane is only available when you are editing a Web Page or a Template, and not when editing an HTML OK field. Depending on whether you are editing a web page or a template, the Options Pane will show different information. For example, editing a web page will contain the Web Page Properties (Meta Tags), and Web Page Options (filename, settings), while editing the template will show instructions on the Options Pane instead. You can easily Show / Hide the Options Pane to save space in the "View" menu on the top Menu Bar, or by clicking on the "Hide Options" button.


Hide Options - Clicking this button hides the Options Pane which contains the Web Page Properties, Objects Properties, and HTML Structure panes, thus giving you more horizontal space to work with your web page or template..

Web Page Properties

This window allows you to modify the Meta Tag information and other properties of your web page (only available when editing a Web Page that is Within the Company's Template)..

Title - The title for this particular web page. The title appears on the top title bar of browsers, and is used by search engines to display a title for this web page, and possibly to determine where to position this web page on their search results.

Description - A description for the web page you are currently adding or editing. This will be used by search engines to display a description for this web page on their search results page (under the title), and possibly to determine where to position this web page on their search results.

Keywords - Will be used by search engines to determine the ranking and positioning for this web page on their search results when people search for your keywords.

(Edit Meta Tags) - Clicking this button takes you to the Web Page Meta Tags window. In this area, you can designate your own custom Meta Tags for this web page. You can specify the web page's Title, Description, and Keywords. This is mainly available for you to optimize your pages for search engines.

Web Page Filename - The name of the html file for this web page.

Web Page Name - The name of your currently selected web page as it will appear as the text for the link in your Main Menu when you add a link to your main menu.

Stand Alone - This field specifies whether the web page will be displayed within your template. If this field displays "Yes" and you have chosen to make this a stand-alone page, it is up to you to insert the Meta Tags and Title Tag in your HTML code, since you will not be using the template on this web page, the Wizard will not generate these dynamic fields for you.

(Edit Options) - Clicking this button takes you to the Edit Web Page window. In this area you can name your Web Page, as it will appear in your Main Menu, import data from an existing HTML page, replacing the code currently on this web page, and select whether you will be using your company's template (With Company's Template), or using this page as a Stand Alone, without your company's template.

Objects Properties

The Objects Properties Pane allows you to customize all aspects of your web page's elements. Each fields represents a different aspect of that element's attributes, controlling the look and functionality of your web page's objects overall and allowing you to modify the HTML properties of each element. Changes made here directly affect the code of the selected object. Select the object in the HTML Editor, go to the Objects Properties, select the Property you would like to change, and change the value on the top Input field.

NOTE: All fields within the Objects Properties are not available for every element of your site. Some fields will have no bearing on the functionality or appearance of most of your elements.

HTML Structure

The HTML Structure pane shows the general order the elements in your web page and allows you to select them to move to a particular section of your page.

Status Bar

A. Code Viewer - Displays the code of the element the cursor is currently on.

B. Coordinates - Displays the coordinates of the mouse.

C. Character Viewer - Displays the character of the element the cursor is currently on.

D. Toggle Keys - Shows which of your toggle keys are currently activated, INS (Insert), CAPS (Caps Lock) and NUM (Num Lock). Active keys appear in black inactive keys appear in light gray.

Floating Properties Window

The Floating Properties Window displays and allows you to modify the attributes of the elements on your web page, template, or HTML OK field. The elements that can be seen and edited from the floating properties window are Images, Tables, Cells, and Text. Each element has distinct attributes and depending on what type of element you are selecting or your cursor is on (Image, Table, Cell, or Text.) the floating properties window will show different fields that you can view and modify.

NOTE: The Floating Properties Window displays the attributes of all elements residing in the current location of the cursor, this means that there could be more than one element that will be modified by making changes using this window. If you have an element that lies within a cell you will see both the cell's attributes and the currently selected element (such as an image or text). For example, the image below displays the attribute of the currently selected image in the top half and its containing cell within a table in the bottom half.

Text Attributes:


Font
Selecting this opens the "Font" window which allows you to modify the font, style, effects, size, and color of the text you are currently selecting or if no text is selected to the text typed after the location of the cursor. You should only use web-safe fonts.


Bold (Ctrl + B)
Choosing this option will BOLD the selected text. If no text is selected the BOLD applies to text typed after the location of the cursor.

Italic (Ctrl + I)
Choosing this option will Italicize the selected text. If no text is selected the Italicize applies to the text typed after the location of the cursor.

Underline (Ctrl + U)
Choosing this option will Underline the selected text. If no text is selected the Underline applies to the text typed after the location of the cursor.

Colour
Opens the Font Color window, which allows you to select from 40 default colors and apply them to your selected text. Select "Custom.." and then "Define Custom Colors" to manually specify the values. You must then press "Add to Custom Colors" for the custom color to appear below the 40 preset colors, where it can be easily applied to your font.


Align Left
Aligns the text horizontally to the left.

Align Center
Aligns the text horizontally to the center.

Align Right
Aligns the text horizontally to the right.

Align Justify
Aligns the selected text so that all of the lines are the same length.

Sub Script
Formats the selected text and/or text typed after the location of the cursor to appear as _Subscript.

Super Script
Formats the selected text and/or text typed after the location of the cursor to appear as ^Superscript.

Strike
Choosing this option will Strike through the selected text. If no text is selected the Strike through applies to the text typed after the location of the cursor.

Bullets - This option allows you to make bullets list, which displays as follows:

• This
• is
• a
• Bulleted
• List

Pressing "Enter" between each bullet point will automatically build the bullet list structure for you. To exit a bullet list you can press the "Enter" button twice.

Numbered List - This option allows you to make a numbered list, which displays as follows:

1. This
2. is
3. a
4. Numbered
5. List

Pressing "Enter" between each numbered point will automatically build the numbered list structure for you. To exit a numbered list you can press the "Enter" button twice.

Indent
Adds additional space in between where your element starts and your cursor's position.

Outdent
Removes any added indentations.

Background Color
Opens the Background Color window,which allows you to select from 40 default colors and apply them to the background color of the text you are selecting or will type. Select "Custom.." and then "Define Custom Colors" to manually specify the values. You must then press "Add to Custom Colors" for the custom color to appear below the 40 preset colors, where it can be easily applied to the background color of your text.

Link - Displays and allows you to modify the hyperlink (href) of the selected text . You may use either a relative link (pagename.html) if this link will go to a page within your site, or an absolute link or URL (http://www.mysite.com/filename.html).

Target - Displays and allows you to modify the target of the link (for example, use _blank to open the link in a new window).

Rel - Displays and allows you to modify the REL (relationship) of the link. Used for advanced HTML Editing tools just as jquery or lightbox. REL describes the relationship to another web page or other internet resource.

Title - Displays and allows you to modify the Title of an image (also used for balloon text on mouse-over or text that shows when the image cannot load).

Image Attributes:


SRC - Displays and allows you to modify the Source of the selected image (its file). Click on the Folder icon to replace the selected image for another. When you select an image from the folder icon, the new image file will automatically be placed in the corresponding and proper folder, allowing the Fortune3 Wizard to upload it to your site automatically and show the image on your site. You may also use an image URL in this field.

Link - Displays and allows you to modify the hyperlink (href) of the selected image. You may use either a relative link (pagename.html) if this link will go to a page within your site, or an absolute link or URL (http://www.mysite.com/filename.html).

Alt - Displays and allows you to modify the Alternate Text of an image (balloon text on mouse-over or text that shows when the image cannot load).

Title - Displays and allows you to modify the Title of an image (also used for balloon text on mouse-over or text that shows when the image cannot load).

Target - Displays and allows you to modify the target of the image's link (for example, use _blank to open the link in a new window).

Border - Displays and allows you to modify the border of the selected image. When hyperlinking an image, use 0 in the border to hide the border from showing on the site.

W - Displays and allows you to modify the width of the selected image as specified in the HTML code (will not actually change the image file).

H - Displays and allows you to modify the height of the selected image as specified in the HTML code (will not actually change the image file).

H. Space - Displays and allows you to modify the Horizontal spacing (or padding) assigned to the selected image.

V. Space - Displays and allows you to modify the Vertical spacing (or padding) assigned to the selected image.

Table Attributes:

 
W - Displays and allows you to modify the width of the selected table. Selecting the % sign will allow you to designate the table a variable width, allowing the table to take up a certain amount of space within the confined space that is given to it. Selecting px will designate a fixed pixel width to the table.

H - Displays and allows you to modify the height of the selected table. Selecting the % sign will allow you to designate the table a variable height, allowing the table to take up a certain amount of space within the confined space that is given to it. Selecting px will designate a fixed pixel height to the table.

Cell Padding - Displays and allows you to modify the padding (in pixels) that is assigned to each cell of the selected table.

Cell Spacing - Displays and allows you to modify the spacing (in pixels) between each cell of the selected table.

Align - Displays and allows you to modify the horizontal alignment assigned to the selected table.

Bg Image - Displays and allows you to modify the background image that is assigned to the selected table. Click on the Folder icon to select an image as the background for the current table. When you select an image from the folder icon (from any folder on your PC) the image file will automatically be placed in the corresponding and proper folder, allowing the Fortune3 Wizard to upload it to your site automatically and show the background image on your site. You may also use an image URL in this field.

Border - Displays and allows you to modify the border width (in pixels) of the selected table.

Border Color - Displays and allows you to modify the border color that is assigned to the cell your cursor is in. Select the Color Picker for common colors or Custom Colors you have defined. Only applies if the Border is greater than 0.

Bg Color - Displays and allows you to modify the background color that is assigned to the cell your cursor is in. Select the Color Picker for common colors or Custom Colors you have defined.

Cell Attributes:


W - Displays and allows you to modify the width of the cell your cursor is in. Selecting the % sign will allow you to designate the cell a variable width, making up a percentage of the total width of the table. Selecting px will designate a fixed pixel width to the cell.

H - Displays and allows you to modify the height of the cell your cursor is in. Selecting the % sign will allow you to designate the cell a variable height, making up a percentage of the total height of the table. Selecting px will designate a fixed pixel height to the cell.

H. Align - Displays and allows you to modify the type of Horizontal alignment that is assigned by default to the cell your cursor is in.

V. Align - Displays and allows you to modify the type of Vertical alignment that is assigned by default to the cell your cursor is in.

Bg Color - Displays and allows you to modify the background color that is assigned to the cell your cursor is in. Select the Color Picker for common colors or Custom Colors you have defined.

Bg Image - Displays and allows you to modify the background image that is assigned to the cell your cursor is in. Click on the Folder icon to select an image as the background for the current cell. When you select an image from the folder icon (from any folder on your PC) the image file will automatically be placed in the corresponding and proper folder, allowing the Fortune3 Wizard to upload it to your site automatically and show the background image on your site. You may also use an image URL in this field.

Border Color - Displays and allows you to modify the border color that is assigned to the cell your cursor is in. Select the Color Picker for common colors or Custom Colors you have defined.

No wrap - If this option is checked, the cell your cursor is in will not allow text to wrap to the next line. Instead, the cell will grow wider and wider to fit the entered text in one line.

Merge Cells
This option combines the cells currently selected into 1 cell. This option only works if the selected cells can be merged. Empty cells cannot be merged, so if you would like to merge cells that are empty, enter a text into the empty cells temporarily, select the cells and do the merge, and then remove the temporary text you added.

Split Cells
This option splits the cursor's cell into 2 equal parts.