Content

Overview Description Configuration Properties

 

Overview	Top

The "Rich Text" Control uses the Formatted Text Editor to insert formatted HTML into an ELN/LES Worksheet. The specific implementation for ELN Controls is described in Formatted Text Editor → ELN Controls and Forms Launched from the ELN Form Control.

 

Description	Top

Menus

Edit

Undo	Reverses changes made to text and Field properties.
Redo	Repeats changes made to text and Field properties that were reversed by "Undo".
Cut Copy	Cuts/Copies the selected item. Copying or cutting a Field maintains the Field properties.
Paste	Pastes the selected HTML.
Paste as text	Pastes unformatted text.
Select All	Selects all items.

Insert

Insert/edit link	Inserts or edits a hyperlink anchor tag: URL LabVantage URL (Request Controller command). Text to display Text shown for the hyperlink. The style of the hyperlink is blue underlined text. Title Text displayed on the Tooltip. Target Target browser window. Choices are "None" (current window) or "New Window".
Anchor	Inserts a named anchor tag: Name HTML "name" attribute of the anchor tag.
Insert/edit image	Opens a dialog that says you can drag over your image file or click to select a file from a Windows file dialog. Normal Image   Source Shows the data:url (inline) image URL generated by TinyMCE. Image description Text displayed on the Tooltip. Dimensions Width and height of the image in pixels. Leave blank for auto-sizing. Constrain proportions When checked, the original aspect ratio is preserved when resizing. When not checked, the aspect ratio can be changed when resizing. Clicking an image displays a shortcut toolbar with these buttons: Rotate Counterclockwise Rotates the image 90 degrees counterclockwise. Rotate Clockwise Rotates the image 90 degrees clockwise. Flip Vertically Overturns the image 180 degrees about the vertical axis. Flip Horizontally Overturns the image 180 degrees about the horizontal axis. Edit Image Opens the TinyMCE image editor. See https://www.tinymce.com/docs/demo/image-tools/. Insert Drawing Opens the TinyMCE drawing plugin, which offers basic artwork tools similar to a very simple vector drawing app. Image Options Opens the same dialog as Insert/edit image. Revert To Original Restores the image as it was before editing.
Insert/edit video	Inserts or edits a video file. General Accepts a URL to a YouTube or Vimeo source, define dimensions and, constrain proportions (aspect ratio). Embed Allows custom video code to be inserted.
Horizontal line	Inserts an <hr /> tag (horizontal rule).
Special character	Opens a dialog from which you can choose characters other than alphanumeric.
Insert/edit panel	Inserts or edits an HTML div: Div Width Width of the div in pixels. Leave blank for auto-sizing. Height Height of the div in pixels. Leave blank for auto-sizing. Border Width CSS value for the width of the border. Border Style CSS border style (None, Dotted, Dashed, Solid, Double, Groove, Ridge, Inset, Outset). Border Color CSS value for the color of the border. Content Editable When checked, contents of the div are editable in the editor. When not checked, the contents of the div are read-only.
Insert/edit Group Box	Inserts an HTML fieldset: Legend Fieldset legend. Tip Text displayed on Tooltip. Width Width of the fieldset in pixels. Leave blank for auto-sizing. Height Height of the fieldset in pixels. Leave blank for auto-sizing.
Insert HTML	Inserts HTML content into the Form. The shortcut toolbar will be whatever the Form Builder can provide for the rendered HTML. For example, if the HTML builds a table, you will get the Table shortcut toolbar when you click the table.
Import from Word	Opens a dialog that says you can drag over your file or click to select a file from a Windows file dialog. This uses the same shortcut toolbar as the Insert/edit panel menu item.

 

View

Visual Aids

Shows/hides visual boundary elements such as table borders.

 

Format

Applies formatting to the selected text:

Bold		Strikethrough
Italic		Superscript
Underline		Subscript

Formats
Headings	Allows selection of standardized heading styles (similar to Microsoft Word headings).
Inline	Applies inline HTML element styles (Bold, Italic, Underline, Strikethrough, Superscript, Subscript, and Code brackets).
Blocks	Applies block HTML element styles (Paragraph, Blockquote, Div, and Pre).
Alignment	Aligns the selected object with respect to the page (Left, Center, Right, and Justify).

Clear formatting

Clears formatting applied in the session.

 

Table

Insert Table	Opens a graphical grid that lets you click and drag to specify the number of rows and columns.
Table properties	Determines table properties for the table that has focus: General Width Width in pixels (leave blank for auto). Height Height in pixels (defaults to auto). Cell spacing Cell spacing. Cell padding Padding for all cells. Alignment None, Left, Center, Right. Class Offers predefined CSS classes to be applied to the table formatting. Advanced Style Width in pixels (leave blank for auto). Border color Height in pixels (defaults to auto). Background color Cell spacing. Clicking within a table displays a shortcut toolbar with these buttons: Table Properties Opens the Table properties dialog as described above. Delete Table Deletes the entire table. Insert Row Before Inserts a row above the selected row. Insert Row After Inserts a row beneath the selected row. Delete Row Deletes the selected row. Insert Column Before Inserts a column to the left of the selected column. Insert Column After Inserts a column to the right of the selected column. Delete Column Deletes the entire column.
Delete table	Deletes the table that has focus.
Cell	Determines cell properties for the cell that has focus: Cell Properties Determines cell formatting. General Width Cell width in pixels (leave blank for auto). Height Cell height in pixels (leave blank for auto). Cell Type None applies no specific formatting. Cell applies no specific formatting. Header cell makes text bold. Scope Determines the scope of properties (None,Row, Column, Row group, Column group). H Align Determines horizontal alignment within the cell: None applies no specific formatting. Left, Center, and Right align the cell content accordingly. V Align Determines vertical alignment within the cell: None applies no specific formatting. Top, Middle, and Bottom align the cell content accordingly. Advanced Style CSS property-value pairs to apply as custom styles. Border color Color of the cell border. Background color Background color of the cell. Merge cells Merges the selected cells according to the specified number of rows and columns. Split cell Splits the selected cell.
Row	Determines row properties for the row that has focus: Insert row before Inserts a row before. Insert row after Inserts a row after. Delete row Deletes the row. Row properties Determines row formatting. General Row type Row formatting type (Header, Body, Footer). Alignment Alignment within row (None, Left, Center, Right). Height Height in pixels (defaults to auto). Advanced Style CSS property-value pairs to apply as custom styles. Border color Color of the row border. Background color Background color of the row. Cut row Cuts the row. Copy row Copies the row. Paste row before Pastes the row above the row that has focus. Paste row after Pastes the row below the row that has focus.
Column	Determines column properties for the column that has focus: Insert column before Inserts a column to the left of the column that has focus. Insert column after Inserts a column to the right of the column that has focus. Delete column Deletes the column.

Toolbar

Restore last draft	Uses the TinyMCE autosave plugin to restore the last draft of the Form. For more information, see the TinyMCE documentation at http://archive.tinymce.com/wiki.php/Plugin:autosave.
Undo	Reverses changes made during the current editing session.
Redo	Repeats changes that were reversed by "Undo".
Bold	Applies bold formatting to the selected text.
Italic	Applies italic formatting to the selected text.
Underline	Underlines the selected text.
Align left	Left-aligns the selected object with respect to the page.
Align center	Centrally-aligns the selected object with respect to the page.
Align right	Right-aligns the selected object with respect to the page.
Justify	Justifies the selected object with respect to the page.
Insert/edit link	Performs the same operation as the Insert/edit link menu item.
Insert/edit image	Performs the same operation as the Insert/edit image menu item.
Insert drawing	Opens the TinyMCE drawing plugin, which offers basic artwork tools similar to a very simple vector drawing app. This uses the same shortcut toolbar as the Insert/edit image menu item.
Insert/edit video	Performs the same operation as the Insert/edit video menu item.
Insert date/time	Choose from the date-time formats offered in the dropdown menu.
Import from Word	Performs the same operation as the Import from Word menu item.
Horizontal line	Performs the same operation as the Horizontal line menu item.
Special character	Performs the same operation as the Special character menu item.
Font Family	Offers the TinyMCE default fonts (see https://www.tinymce.com/docs/configure/content-formatting/#font_formats.
Font Sizes	Offers the TinyMCE default font sizes (see https://www.tinymce.com/docs/configure/content-formatting/#font_formats.
Text color	Determines the color of the selected text.
Background color	Determines the background color beneath the selected text.
Bulleted list	Inserts an HTML bulleted list with a choice of bullet styles: Default (same as Disc), Circle, Disc, and Square.
Numbered list	Inserts an HTML numbered list with a choice of numbering styles: Default (Arabic), Lower Alpha, Lower Greek, Lower Roman, Upper Alpha, Upper Roman.
Decrease indent	Outdents the level of the selected object (defaults to 30px).
Increase indent	Indents the level of the selected object (defaults to 30px).

 

Configuration Properties	Top

These properties are available for configuring overall behavior.

Property	Description
Name	Name of the Control that is displayed in the ELN interface. Leaving this blank defaults to the Control name provided in the OOB configuration.
Phrase Type	The Rich Text Control supports use of Phrases as described in Formatted Text Editor → Phrase Suggestion. The Phase Type chosen here is the only Phrase Type that will be used.
Phrase Lookup	Specifies the lookup page for the Phrase.
Instruction Text	Provide text to display initially, within an empty Rich Text Control. Basic HTML formatting is allowed when defining the text (such as <b>Empty</b>). NOTE:   When publishing the Worksheet, this text is not displayed.
Toolbar Style	Choose the toolbar to display in the Rich Text editor. Property Description Full (Expandable) Display the full (expandable toolbar). Basic Formatting Provides basic formatting only. Extra Formatting Provides additional, but still basic formatting. Plain Text Provides only the Undo and Redo options. Image Only,Drawing Only and Equation Only Provides image controls, drawing controls and the formula controls respectively. This allows a Rich Text Control to be added into a template for the purpose of managing an image, drawing or formula. Two Rich Text Control templates have been provided OOB, Basic Formatting and Full Toolbar.
Default Font Name	When defining a new Rich Text Control, set a default font. Choose a font name from the dropdown list.
Default Font Size	When defining a new Rich Text Control, set a default font size. Choose a font size from the dropdown list.