AcuWeb™ Reference Library

Contact AcuWeb™ Support

If you cannot find the answer to your question in our online support resources, please submit a ijenti help ticket by clicking on the button below, and one of our ijenti support team members will assist you as soon as possible.

ijenti Help Desk

Content Title & Styles

Home : Updater 4.2 Support: Content Title & Styles

» Are you a visual learner?
   Check out our concise, step-by-step Video about Updater's Content Title & Styles Editor video tutorial on Updater's Content Title & Styles Editor.

Perhaps the most significant feature of Updater™ is its easy-to-use Content Editor.  This visual editor displays a set of editing tools very similar to those in popular word-processing programs like Microsoft's Word, so you'll quickly be able to master its operation. Learn more about the content editor »

  1. To edit content, choose "Edit Content" from the AcuWeb Menu.
  2. Once the content list view is pulled up, a more detailed search can be used to find content. Use keywords (separated by a space) OR choose a specific page and press the Search button.
    Search
  3. To edit the content, click the title to continue.

This section will cover the following:

Title

Note near the top of the Edit Content View the field called 'title'.  The text you enter here can either be regarded one of two types:

  1. "working title" (meaning, only you, as the Site Administrator, would see it) OR
  2. as an actual "headline" that would display atop the story, once published on the site.

Back to Top

Options

You will see several options associated with each content story with a checkbox next to each:

  • Space after title - if you choose to not hide the title (see below), check this box to make sure you have space under the title that will separate the title from the content.
  • Hide title - controls whether the title field will show or hide the title in the content.
  • Insert divider after content - this adds a horizontal rule after the story and is ideal for news and events.
  • Hide from site search - Hides the story from your site's own site-wide content Search function (think of it as a mini-Google, just for your site).
    Why would you want to "hide" a story from Site Search?  A good example, perhaps would be a story that consisted primary of the web code required to embed a video player in the story, for display on the published website -- you wouldn't want your site visitors seeing all that video player "embed code" in the site if they happened to do a Site Search on the phrase "video player."

Back to Top

Body Text

To add text to the body of your story, you may type directly in the main Editor window, or you may paste-in text from an external word-processor or other application, such as Microsoft Word.  However, it is important to know that programs like Word add hidden formatting code to your text, which, even though invisible, is not web-friendly.  If you paste text directly from a program like Word, those hidden characters will come along for the ride, and will cause your published website to display erratically, or perhaps not at all, in your site visitor's web browser.

If Copying from Microsoft Word or External Program

The solution is to be sure your your text is free of such formatting before you paste it into the Content Editor. Updater's Content Editor has several handy tools that will allow you to remove non-web-standard formatting.

  1. The small clipboard icons Paste from Word Paste from MS Word or Paste as Plain Text Paste Plain Text will filter out undesirable hidden formatting code. Click on either one of these.
  2. A small pop-up window will appear, where you can paste in your copied text.  If you are using the "Word clipboard," you'll notice the two check-box options at the bottom, which of which should both be selected.  Also, you may notice additional text is being displayed above your "visible text".  This is some of the "hidden code" -- now visible -- that you'll want to remove.  Simply highlight and delete this code, and anything else that isn't a part of your original, visible text.
  3. Once your text appears free of odd-looking code, you can click the "OK" button and the Content Editor will paste the clean text into the main Editor window, at the point where your cursor was positioned before you first clicked on the "W" or "T" clip-board icons.
  4. Click "OK" to continue.
  5. The text will automatically be inserted at the top of your content.

Back to Top

Go Back

Styles

Once text has been added to the text body, you can use the tools in the Content Editor to apply the proper, web-friendly formatting that will assure your text displays correctly on your site.

The Content Editor also allows you to set type styles for your content, using a Style Menu that visually displays the available font styles for your site.

To Apply a Style

  1. To apply a Style to any text in your story, simply highlight the text you wish to format.
  2. Choose the appropriate Style from the Style Menu drop-down list. Style
  3. The style should automatically be applied to the text you have highlighted.

To Remove a Style

Once a Style is applied to text, if you wish to change the Style setting, you will need to follow the steps below:

  1. Highlight the text you wish to re-format.
  2. Click the "remove format" icon Remove Formatting to remove the previous style
  3. White your text is still highlighted, select a new style from the drop-down list.

Note: If previous style settings are not removed in this manner, and new styles are applied over older ones, your text may display inconsistently after your website updates are published.

Back to Top

Content Editor

To learn more about the content editor, click on a button below.

SourceCutCopyPastePaste Plain TextPaste from MS WordUndoRedoFindReplaceInsert/Edit ImageTableHorizontal RuleSpecial CharacterInsert/Edit LinkRemove LinkAnchor
StyleBoldItalicUnderlineStrike ThroughSubscriptSuperscriptSelect AllRemove FormattingNumbered ListBullet ListDecrease IndentIncrease IndentLeft JustifyCenter JustifyRight JustifyFull Justify

Source Source

Toggles between live preview and HTML source code.

Close Section

Cut Cut

After an item is highlighted, it removes it to the clipboard to be pasted.

Close Section

Copy Copy

After an item is highlighted, the item is copied to the clipboard to be pasted.

Close Section

Paste Paste

Once an item is copied or cut, use this to place it in your content.

Close Section

Paste as Plain Text Paste Plain Text

Once an item is copied or cut, this pastes the item without any formatting.

Close Section

Paste from MS Word Paste from MS Word

  • When clicked, a pop-up box will appear.
  • Paste the MS Word info into the box.
  • Best options are to check both the Ignore Font Face definitions and Remove Styles definitions options.
  • Press the "Clean Up Box" button to apply changes and insert into the edit pane.

Paste from MS Word

Close Section

Undo Undo

Reverts back before the last change was made.

Close Section

Redo Redo

If Undo is used, this option will be available to redo previous change.

Close Section

Find Find

  • When clicked, a pop-up box will appear.
  • Type in (or paste) in a word or groups of words.
  • Choose either match case or match whole word. Click Find to continue.
  • If a word is found in the content, it will be highlighted.
  • To find another instance of that word(s), press the "Find" button again.
  • Use the "Find" button to toggle through all the word instances.

Find

Close Section

Replace Replace

  • When clicked, a pop-up box will appear.
  • Type in (or paste) in a word or groups of words in the "Find what" box.
  • In the "Replace with" box, type or paste in the word(s) to replace what is in the "Find what" box.
  • Choose either match case or match whole word.
  • Click the "Replace" button to change one instance.
  • Click the "Replace All" button to change ALL instances in content.

Find and Replace

Close Section

Insert/Edit Image Insert/Edit Image

  1. When clicked, a pop-up box will appear.
  2. Choose an image from the file library in the drop-down box. If the image needed is not there, upload it to the file library and then return to this content to add the image.
  3. Add a short description of the image. This is the text that appears when the mouse is over the image. It is also good practice to include something in this box for best Search Engine Optimization practices.
    Insert/Edit Image
  4. Width and Height will automatically be shown in the boxes after selecting an image, however, the size of the image may be changed by specifying a smaller value (a larger value may distort the image clarity) in the boxes. Click the blue padlock icon to unlock or lock the aspect ratio (unlocked may cause image to be out of proportion) and click the blue circular arrow to reset the original image size.
  5. Border is measured in pixel width. Choose a number between 0-15 for best results.
  6. HSpace (also known as Horizontal Space) adds space to the left and right of the image while the VSpace (Vertical Space) adds space to the top and bottom of the image.
  7. No Wrap if checked will keep the text from wrapping around the image. By default, this box is unchecked.
  8. Align allows several options to place your image within your content. The preview on the right will help assist in the placement of an image.

Note: Space around the image can be controlled by the HSpace or VSpace, however, you can have even more control by clicking on the "Source" button, locating the image in the source, and adding the following (in bold) to the image:

<img src="//images/uploads/yourimage.jpg" border="0" style="padding:10px">

Link To This Image

Click on the"Link To This Image" tab to link your image to another web page or a larger image.

To link to an image:

  1. Upload the image into the file library
  2. In the "Web address to link to this image to" type //images/uploads/yourimagename.jpg where yourimagename.jpg is the name of your image.
  3. In the Target drop-down, choose "New Window (_blank). This will pop-up your image in another window.

To link to a web page:

  1. Type in a forward slash (/) then the file name. In most cases, the file name will end with the extension .php.
  2. For the Target drop-down, leave it on <not set> if a regular web page within your site. For external Websites or PDF, choose "New Window (_blank)" to pop up into another window.

Link To This Image

Close Section

Insert/Edit Table Table

  • When clicked, a pop-up box will appear.
  • Choose the number of rows and columns.
  • Border size ideally can be anything from 0-20.
  • Cell padding (space inside the cell) and cell spacing (space in-between cells) can ideally be 0-50.
  • Specify width in pixels (fixed) or percent (flexible). Height is optional and should be used sparingly because if the table is too short, it will cut off words in your table.
  • Choose left, center, or right alignment. Leave it as default <Not set> for best results.
  • Caption is the table title or header.
  • Summary is invisible to the user, but helps assist disabled users to read your table. This is highly recommended for accessibility.
  • When done, press "OK" to insert your table into the edit pane.

Tables

  • Once the table has been inserted, it can be edited easily.
  • Click on the table and use the small boxes that appear to increase width, height, etc.
  • Right-click mouse over the table to see options to paste, add/remove cells, rows, and columns, and to delete or change the table properties.

Edit Table

Close Section

Insert Horizontal Line Horizontal Rule

  1. Place the cursor in the edit pane where the horizontal line should go.
  2. Click the Horizontal line icon to insert.

Close Section

Insert Special Character Special Character

  1. Position cursor where the special character should go.
  2. Click the Insert Special Character icon.
  3. When clicked, a pop-up box will appear.
    Special Characters
  4. Place the mouse over the special character to be used and click to insert it into the edit pane.

Close Section

Insert/Edit Link Insert/Edit Link

To insert any kind of link, highlight the text to be linked and then click on the Insert/Edit Link icon. A pop-up box will appear.

There are five (5) types of links to choose from.

  1. Web Page
  2. Link to anchor in the text
  3. E-Mail
  4. Updater Page
  5. Your Files

Web Page

  1. Choose "Web Page" from Link Type.
  2. Choose Protocol type (i.e. http, https, ftp, news, other).
  3. Type in the Website address under the "Web Page" box.
  4. When done, press "OK" to insert the link into the edit pane.

Web Page Link

Link to anchor in the text

  1. Choose "Link to anchor in the text" from Link Type.
  2. Under the "Select an Anchor By Anchor Name" drop-down, choose the anchor that you created already on the edit pane.
  3. When done, press "OK" to insert the link into the edit pane.

Link to anchor in the text

E-Mail

  1. Choose "E-Mail" from the Link Type drop-down menu.
  2. Type in the e-mail address to be used.
  3. If a subject for the e-mail message is desired, add that under "Message Subject".
  4. If text is needed to be added within the message body when the user clicks the e-mail link, put that text in the "Message Body" box.
  5. When done, press "OK" to insert the e-mail link in the edit pane.

E-mail Link

Updater Page

  1. To link to a page within the Website, select the page from the "Updater Page" drop-down menu.
  2. The page name will be populated into the web page box.
  3. Click "OK" to insert the link.

Your Files

  1. To link to a PDF, Word Document, Text Document, or image, click the "Your Files" drop-down and select the file to be linked.
  2. Click "OK" to insert the link.

Note: The image or file must be uploaded into the File Library before it will show up in the drop-down box.

Close Section

Remove Link Remove Link

  1. In the edit pane, highlight the word(s) that are linked.
  2. Click the "Remove Link" icon to remove the link.

Close Section

Insert/Edit Anchor Anchor

What is an anchor? It allows the user to jump from one section to another section within the same page on a Website This is very effective for larger pages that are hard to navigate.

Anchors are set up in two (2) parts:

  1. Anchor Object - the HTML anchor object placed on a certain part of the site to help someone find that section quickly and efficiently.
  2. Anchor Link - the link that is clicked to go to the position of the anchor on the page.

Set up the Anchor Object

  1. Place the cursor in the edit pane at the beginning of the information to be anchored.
  2. A pop-up box will appear.
  3. Type in the anchor name.
  4. When done, press "Okay" to insert the anchor.

Once the anchor has been placed on the page, the next step is to link to the anchor.

Close Section

Style Style

To change the font and color of text, highlight the word(s) to be changed and then click the Style drop-down menu.

Select the style to be used and click the style to apply.

Style

Note: The styles and colors are set up by Acuity to match the look and feel of the Website

Close Section

Bold Bold

To bold text, highlight the word(s) to be bolded and click the Bold icon.

Close Section

Italic Italic

To italicize text, highlight the word(s) to be italicized and click the Italic icon.

Close Section

Underline Underline

To underline text, highlight the word(s) to be underlined and click the Underline icon.

Note: Use this style sparingly. It may confuse users to think the underlined text is a link.

Close Section

Strike Through Strike Through

To use strike through, highlight the word(s) to be strike and click the Strike Through icon.

Example: This text is strike through.

Close Section

Subscript Subscript

Subscripts are not used very often, but when they are needed, it is very easy to do.

Highlight the text to be converted to a subscript and click the Subscript icon.

Example: H2O

Close Section

Superscript Superscript

Superscripts are used for trademarks (™), copyrights (©), and registered (®) symbols. Sometimes superscripts can be used for footnotes and other useful references.

Highlight the symbol or text to be changed to a superscript and then click the Superscript icon.

Close Section

Select All Select All

Selecting everything is a time-saver for changing styles, copying, deleting, and more.

To select everything in the edit pane, click the Select All icon.

Close Section

Remove Styles Remove Formatting

To remove all styles from words or entire paragraphs, highlight the are to remove styles and click the Remove Styles icon.

Close Section

Number List Numbered List

To create a numbered list, highlight the text to be numbered and click the Number List icon.

To add more list items, place the cursor at the end of the previous line and hit the Return/Enter key.

Close Section

Bullet List Bullet List

To create a bulleted list, highlight the text to be bulleted and click the Bullet List icon.

To add more list items, place the cursor at the end of the previous line and hit the Return/Enter key.

Close Section

Decrease Indent Decrease Indent

This option will become available one the Increase Indent option is used.

  • To decrease the indent of a paragraph, highlight the text and click the Decrease Indent icon.
  • To eliminate the sub-level of a bulleted or list item and to make it in the same top level, place the cursor right before the first letter/number of the line and click the Decrease Indent icon.

Close Section

Increase Indent Increase Indent

  • To indent paragraphs, highlight the paragraph and click the Increase Indent icon.
  • To create sub-level bulleted or numbered items, place the cursor right before the first letter/number of the line and click the Increase Indent icon.

Close Section

Left Justify Left Justify

To left justify text or images, highlight the items to be changed and click the Left Justify icon.

Close Section

Center Justify Center Justify

To center justify text or images, highlight the items to be changed and click the Left Justify icon.

Close Section

Right Justify Right Justify

To right justify text or images, highlight the items to be changed and click the Right Justify icon.

Close Section

Full Justify Full Justify

To full justify text or images, highlight the items to be changed and click the Full Justify icon.

Close Section

Back to Top