Text Editor

Various fields within the system (e.g. Job Description on Job Orders > Summary segment, Job Description on Job Orders > Job Poster segment, etc) use a text editor to allow you to format text within the field (e.g. bold, italic, etc.).

There are two types of editors in Adapt: Full and Compact.

Full Editor

The full editor (e.g., Job Description field on the Summary segment of a Job Order) looks like this:

  • Bolds (or unbolds) text.
  • Italicizes (or un-italicizes) text.
  • Underlines (or removes underline of) text.
  • Left justifies text.
  • Center justifies text.
  • Right justifies text.

  • Allows you to select styles to selected text. The Styles droplist displays the name of the most recent style applied to the text where your cursor is situated. There are three types of styles:

    • Block styles change an entire block of text where the cursor is located. Typically, this is a paragraph. However, keep in mind that pasted text is pasted as an entire block. Therefore, any style change made to any text updates all text. A way to avoid this is to add a hard line (by clicking Enter to add a new paragraph). This separates the text into two different blocks.

      Each style acts as a toggle. So...select the style once applies the style while clicking it a second time removes the style.

    • Inline styles change selected text to the style. Therefore, you should first select the text to which you want to apply the style (click and drag) and then select the style. Inline styles are additive. For instance, if you select the Marker style and then the Small style for the same text, the text will appear in a small, marked font. As with block styles, inline styles are toggles. Selecting text and then choosing the style applies the style to the text. Selecting the same text and choosing the style again, removes the style from the text.
    • Special Container: This is a unique block style that actually creates a text box within the field. This special container acts independently from the remainder of text. Thus, if you select a block style, it only impacts the text in the special container. However, unlike Block styles outside of the container, it impacts all texts within the container even if you have separated the text into multiple paragraphs. Also, once you apply a block style other than the special container, the special container is removed and the text within it is treated like regular text. Special containers are useful if you want to apply special formatting to a specific area within the field without impacting other areas.
  • Allows you to add a heading style to text within the field. Put the cursor where you want to add the heading style and select the style from the droplist. All text in the same block as the cursor will update to the new style. Heading styles pair with regular styles. For example, if you add the Header 2 style to text that already has the Marker style applied to it, you will see the Heading 2 format with the Marker style also applied. However, unlike most Styles, any Heading style selected replaces any other Heading style previous applied to the text.
  • Allows you to change the font of the selected text. This is considered an inline style in that it only changes selected text. Thus, you can change the font of a single word within a paragraph without impacting the rest of the paragraph. The Font button displays the font selected for the text where the cursor is placed.
  • Allows you to change the size of the selected text. This is considered an inline style in that it only changes selected text. The Size button displays the font size selected for the text where the cursor is placed.
  • Allows you to change the color of the selected text. Click the button and a color palette displays. Click on the color you want for the font. If you want more colors to select from, click More Colors....
  • Allows you to change the color of the background of the selected text. As with font color, clicking the button displays a color palette. If you do not see the color you want, click More Colors.... To make the text as readable as possible, the text color and the background color should provide a good contrast. If the text color and background color are the same, you will not be able to see the text.
  • Allows you to number selected text and subsequent text. The numbering applies to an entire paragraph and will incrementally number subsequent paragraphs as long as they are connected by linked paragraphs (and have the numbering button selected.
  • Allows you to add a bullet to the left of the selected paragraph. This is useful if you want to provide a list of items. For example, this paragraph has a bullet to the left of it. The system will continue adding bullets to linked paragraphs until you turn off the button.
  • Allows you to add a table to the field at the position of the cursor. Once this button is clicked, a small dialog displays allowing you to select the number of rows/columns, size, headers, border size, etc. Once you are satisfied with your selections, click OK to insert the table. If you are not happy with the look of your table, you can click on the table and then on the table button to open the table dialog again for editing.
  • The following five buttons allow you to add various controls to the field with the text editor. However, currently, there is nothing that actually reads changes made to these fields. Therefore, we suggest not using these buttons, but information about them is provided to give you an idea of what each button is designed to do.
    • Allows you to add a checkbox at the position of the cursor. Clicking this button opens a dialog allowing you to give a name and value for the checkbox (neither appear in the field you are editing). You can also select whether the box should default to selected or not.
    • Allows you to add a radio button at the position of the cursor. The main difference between a radio button and a checkbox is that typically only 1 radio button in a list can be selected while multiple checkboxes can be selected. Clicking this button opens a dialog allowing you to give a name and value for the radio button (neither appear in the field you are editing). You can also select whether the box should default to selected or not.
    • Allows you to add a text box at the position of the cursor. A text box is a field where a user can type data (like many of the fields in Adapt). Clicking this button opens a dialog allowing you to determine width, type, length, etc. of the text box.
    • Allows you to add a selection field at the position of the cursor. A selection field is a droplist wherein clicking on the field displays a list of options from which you can select one. Clicking this button opens a dialog allowing you to determine options in the droplist, size and other parameters.
    • Allows you to add an image button at the position of the cursor. An image button takes the user to a hyperlinked page when clicked.
  • Allows you to create a div container. A div container defines a division or section of an HTML document (like the Special Container described above). Clicking the button opens a dialog allowing you to select a Style, identify Language Code/Style, etc.

Compact Editor

The compact editor (e.g., Job Description field on the Job Poster segment of a Job Order) looks like this:

  • Allows you to "cut" the selected text, removing it from the field you are editing and placing it on the Windows' clipboard for pasting elsewhere in the document.
  • Allows you to copy the selected text, leaving it in the field you are editing and placing it on the Windows's clipboard for pasting elsewhere in the document (and thereby, copying it).
  • Allows you to paste any text cut or copied to the Windows' clipboard into the field at the location of the cursor.
  • Performs the same operation as the Paste button (see above) but removes all formatting (bold, italic, underline, etc.) from the pasted text. This is helpful if the formatting on the pasted text is causing issues.
  • Performs the same operation as the Paste button (see above) but is specifically designed for text cut or copied from Microsoft Word.
  • Bolds (or unbolds) text.
  • Italicizes (or un-italicizes) text.
  • Underlines (or removes underline of) text.
  • Left justifies text.
  • Center justifies text.
  • Right justifies text.
  • Allows you to change the font of the selected text. This is considered an inline style in that it only changes selected text. Thus, you can change the font of a single word within a paragraph without impacting the rest of the paragraph. The Font button displays the font selected for the text where the cursor is placed.
  • Allows you to change the size of the selected text. This is considered an inline style in that it only changes selected text. The Size button displays the font size selected for the text where the cursor is placed.
  • Allows you to change the color of the selected text. Click the button and a color palette displays. Click on the color you want for the font. If you want more colors to select from, click More Colors....
  • Allows you to change the color of the background of the selected text. As with font color, clicking the button displays a color palette. If you do not see the color you want, click More Colors.... To make the text as readable as possible, the text color and the background color should provide a good contrast. If the text color and background color are the same, you will not be able to see the text.
  • Allows you to number selected text and subsequent text. The numbering applies to an entire paragraph and will incrementally number subsequent paragraphs as long as they are connected by linked paragraphs (and have the numbering button selected.
  • Allows you to add a bullet to the left of the selected paragraph. This is useful if you want to provide a list of items. For example, this paragraph has a bullet to the left of it. The system will continue adding bullets to linked paragraphs until you turn off the button.
  • Allows you to add a table to the field at the position of the cursor. Once this button is clicked, a small dialog displays allowing you to select the number of rows/columns, size, headers, border size, etc. Once you are satisfied with your selections, click OK to insert the table. If you are not happy with the look of your table, you can click on the table and then on the table button to open the table dialog again for editing.