Start a conversation

Can't Save a Page After Updating a Tile: "[object HTMLParagraphElement]" Appears in a Red Bar Due To Invalid Image References

Overview

When trying to save a page after adding, removing, or updating a tile on it (for example, an HTML tile), an error message appears with the text [object HTMLParagraphElement]:

0EM0b000000WKV1.png

This issue may be caused by an invalid image reference on the page you are trying to save.

 

Validating the Image References on the Page

  1. Access Jive using the Chrome Browser.
  2. Navigate to Chrome Settings > More Tools > Developer Tools: Snag_9eafd52.png
  3. Click on the Network tab in the panel that appears at the bottom of the page:
    Snag_5855049.png
  4. Reproduce the actions that cause the red bar to appear.
  5. In the Network tab, click on the Img filter: Snag_5763884.png
  6. Look for rows where the Type column has a value of text/html:
    mceclip1__6_.png
    • If you are able to find rows with text/html in the Type column, then there is an invalid image reference on the page. To resolve this, please follow the steps in the solution section.
    • Otherwise, please contact us so that ATLAS can assist you. If you are not satisfied with the solution provided by ATLAS, then it will create a ticket for you on which you can attach the below information:
      • A HAR file attached.
      • The address of the page you are trying to save.
      • The names of the tiles you are attempting to make changes to, and the details of the changes you are attempting to apply.
      • Whether multiple users are encountering this issue.

 

Solution 

For each row where you found text/html in the Type column:

  1. Right-click on the image name in that row (in this example, it's image1): mceclip1__6_.png
  2. Click on Copy, then Copy link address in the menu that appears.
  3. Click on the Elements tab:
    Snag_584d3b7.png
  4. Hold down the Control key on your keyboard, then press the F key.
  5. A search box will appear at the bottom left of the page: Snag_5865efa.png
  6. Right-click on that text box, then choose Paste.
  7. Press the Enter key. The page will automatically be scrolled to this image reference, and it will be highlighted in blue: Snag_9f89221.png
  8. Click on the Gear Icon for that tile:
    Snag_9f98a0e.png
  9. Locate the invalid image reference in that tile.
    1. If it's an HTML Tile, you can search the tile contents for the link address you copied in Step 2, then remove/replace that reference. For example, if the link address was "https://localhost" then you can search for that in the contents: Snag_9fcb7d6.png
    2. If it's a Helpful Links tile, follow the steps in this article.
  10. Click on the Done/Submit button for the tile.
  11. Click on the Save button at the bottom left of the page.
    • If the issue persists, please contact us so that ATLAS can assist you. If you are not satisfied with the solution provided by ATLAS, then it will create a ticket for you on which you can attach the below information:
      1. A HAR file attached.
      2. The address of the page you are trying to save.
      3. The names of the tiles you are attempting to make changes to, and the details of the changes you are attempting to apply.
      4. Whether multiple users are encountering this issue.
Choose files or drag and drop files
Was this article helpful?
Yes
No
  1. Priyanka Bhotika

  2. Posted
  3. Updated

Comments