Adding RTF fields in Progressive Web Applications

As a Remedy developer, you can configure character fields as rich text format (RTF) fields to enable your application users to make formatting changes. 

Application users can perform the following tasks using RTF editors:

  • Edit and format rich text.
  • Add content from Microsoft Word, Microsoft Outlook, or HTML while retaining the supported formatting.

Related topics

Creating-common-data-fields

Developing-the-application-interface

small RTF.png

To add RTF fields in Progressive Web Applications 

  1. In Developer Studio, create a progressive view.
  2. In Palette, in the Data Fields section, drag Character into the view.
    image2021-5-14_16-24-5.png
  3. Select the character field.
    image2021-5-14_16-27-32.png
  4. In the Properties pane, in the Display > Display Type list, select Rich Text.
  5. Save the changes.

To validate the RTF field in PWA

  1. In a browser, log in to PWA.
    <serverName>:8080/arsys/pwa/#/login
  2. Change the URL to include the Progressive View form that you created in Developer Studio.<serverName>:8080/arsys/pwa/#/forms/<serverName>/<formName>/<viewName>
  3. (Optional) If you want to display more changes you made in Developer Studio, you must sync the cache in Mid Tier. 
    1. Log in to Mid Tier configuration.
      <serverName>:8080/arsys/shared/config/config.jsp
    2. Click Sync Cache.
    3. Refresh the browser displaying the progressive view form.

      image2021-5-26_14-25-56.png

  4. As an application user, you can perform the following tasks in the RTF editor:

    • Add content that uses standard HTML markup, this RTF editor renders the content without any loss of formatting.
    • Edit the existing rich text content.
    • Copy content from Microsoft Word, Microsoft Outlook, or HTML while retaining most of the supported formatting.

    • You can view the following text editing options in the RTF editor. 

      RTF editor options

      Function

      Description

      image2021-5-17_8-52-46.png

      Make the selected text bold, italicized, underlined, or strikethrough.

      image2021-5-17_8-52-27.png

      Select the text color and text highlighting background.

      image2021-5-17_8-53-50.png

      Set the paragraph so that it aligns evenly on the left or center, or justifies the text.

      image2021-5-17_8-54-21.png

      Create an ordered or unordered list.

      image2021-5-17_8-58-14.png

      Create special formatting to any text so that it is displayed prominently as shown in the following example:

      image2021-5-17_9-3-1.png

      image2021-5-17_8-51-59.png

      Set paragraph formatting style such as headings.

      image2021-5-17_8-53-7.png

      Make the selected text subscript or superscript.

      image2021-5-17_8-55-51.png

      Embed a video when you provide the embed URL.

      image2021-5-17_9-8-10.png

      Insert a URL.
      The URL must contain the protocol such as http:// or  https://.
      For example, enter http://www.docs.bmc.com instead of entering www.docs.bmc.com.

      image2021-5-17_8-57-20.png

      Insert an image into the RTF field.
      You can also copy and paste images into the RTF field.

      image2021-5-17_9-3-48.png

      Remove the last 30 changes made in the RTF editor or reverses the undo action.

    Limitations and workarounds for users

    Progressive Web Applications users are creating text in RTF fields may see the following behaviors:

    Behavior

    Workaround

    When application users copy and paste the text along with images into the RTF editor, the image does not get copied.

    Instead of copying text along with images, copy the image separately and paste it into the RTF editor.

    When application align text to the center, the text reverts to being left-aligned after saving.

    None

    When you add a URL without the protocol, the URL may not work after saving.

    When entering URLs, you must also include the protocol.
    For example, enter http://www.docs.bmc.com instead of entering just www.docs.bmc.com.

    After you save the URL, you cannot open the URL by clicking on it.

    To open a URL added in the RTF editor, right-click and open it in a new tab or window.

    You cannot create HTML tables or paste HTML tables into an RTF field.

    None