DirectScale Developers

DirectScale Developers

Get Started    API Reference

Custom Widgets

The Custom Widgets page is where you can create a custom widget using a TinyMCE Editor or create a more advanced custom widget using HTML, CSS, or JavaScript.



Finding the Page

In Web Office Admin, navigate to: Code Customization > Custom Widgets.

{client_ID}.admin.directscale.com/#/Widgets



Adding a Custom Widget

  1. Click + ADD WIDGET

    The New Widget modal opens.

    New Widget modalNew Widget modal

  2. Assign a Name for the widget.

  3. Select the type of widget you need.

    The width of the Web Office container is divided into three columns:

    1. One Column - Spans one column
    2. Two Columns - Spans two columns
    3. Three Columns - Spans three columns.
  4. Enter the content in the Custom Content Editor or Rich Text Editor.

  5. Click SAVE.

📘

Note

If you need answers, ideas, or consulting from an expert, see the DirectScale Marketplace.



Custom Content Editor

Custom Content EditorCustom Content Editor

The Custom Content Editor provides a blank space to add your HTML, JAVASCRIPT, and CSS in three separate code-aware editors (provided by the open-source project CodeMirror). The site delivers the HTML/CSS/JavaScript together when the widget loads.



Rich Text Editor

📘

Note

Only available for Web Office custom pages.

The Rich Text Editor is useful for simple pages with basic styling. The interface consists of a rich text editor (provided by the open-source project TinyMCE). Read more about TinyMCE features in the Help Center: TinyMCE Text Editor

Warning

If you’d like to use the Rich Text Editor, you need to switch to it before adding any content. The Rich Text Editor will remove certain HTML elements, such as <script, which can cause a loss of markup.

Updated 5 days ago



Custom Widgets


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.