Skip to main content

 

 

Coupa Success Portal

HTML Editor Widget

The HTML Editor widget is configurable, and allows the user to create custom content for display within it. This widget is created on the dashboard and displays the default text “Welcome to the HTML widget! Click on the wrench icon in the upper right-hand corner of the widget container to change this message.”

Content can be customized using a standard rich text formatting feature, in conjunction with HTML constructs, to embed links to other websites and display images in the widget.

RA - HTML Widget 1.png

Create custom text

To create custom text in the HTML Editor widget, click the wrench icon.

RA - HTML Editor 2.png

Create your content. Details on the formatting icons are listed in the HTML Editor standard and advanced custom text formatting options table.

RA - HTML Editor 3.png

Click the Save changes button. The display text is updated, or click the Cancel button to exit the editor without saving changes.

Insert hyperlink 

To insert a hyperlink in the HTML Editor, click the Insert Link icon.

RA - Insert link 1.png

Enter the preferred URL, display text for the link, create hover-over text for the link tooltip and if preferred, configure the webpage to open in a new window.

RA - Insert Link 2.png

Click the Insert button. The link is created and displayed in the HTML Editor, or click the Cancel button to exit the HTML Editor without saving changes.

Insert image

To insert an image in the HTML Editor, click the Insert image icon.

RA - Insert Image 1.png

Enter the URL for the image and text that will display when the image is not available, and identify the Width (px) and Height (px) dimensions.

RA - Insert Image 2.png

Click the Insert button. The image displays in the HTML Editor, or click the Cancel button to exit the HTML Editor without saving changes.

RA - Insert Image 3.png

View raw HTML

To View Raw HTML in the HTML Editor, click the View Raw HTML icon.

RA - Raw HTML 1.png

Make your updates. Click the Update button to save changes, or click the Cancel button to exit the HTML Editor without saving changes.

 

 

  • Was this article helpful?