Like what you see? Have a play with our trial version.

Error rendering macro 'rw-search'

null

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The following types of code widgets are available in Yellowfin out-of-the-box.

Image RemovedImage Added

Used to display a filter breadcrumb trail to aid in filter navigation on the presentation. Learn more.

Code Widget type

Description

Filter Breadcrumb

Signal List

Add a Signal List to a presentation. 

Custom HTML

Drag in this widget anywhere on your slide, and then jump to Code Mode to instantly start coding HTML within the widget’s tags.

Buttons

Expand this section to add buttons that perform actions and functions on a presentation. 


User-generated Code Widgets

...

Here's how to use the out-of-the-box Yellowfin Code Widgets.

filterbreadcrumbs
Anchor
filterbreadcrumbs

Filter Breadcrumbs

This widget displays a breadcrumb trail of selected filter values on your presentation. This is useful when you have co-dependent filters (where one filter selection updates another filter’s values), and you wish to display which filter values a presentation user has applied.

...

Anchor
customhtml
customhtml

Custom HTML

...

Note

Ensure that you have the ‘Code Mode’ role function enabled for this to work properly.


  1. Click on the Code Widgets button on the left.
    Image Removed
    Image Added

  2. From the Code Widgets section in the list that appears, drag the Custom HTML widget onto the slide.
    Image Removed
    Image Added

  3. Switch to Code Mode through to toggle on top of the presentation.



  4. From the list of objects on the left, click on the Custom HTML object to highlight or navigate to the exact code section. Tip: this object list displays all objects added to the presentation and is used to find the exact code for a particular object so it can be edited.
  5. Once located, enter your HTML code into the widget’s code.
  6. If you navigate back to Visual Mode, you will be able to see the output of your HTML content.

...

This tutorial shows you how to add a Signals List widget, and configure it by applying filters to view Signals based on your preference. This allows you to control the Signals that will appear in this list.

  1. Click on the Code Widgets  Widgets button, and expand the Code Widgets section (expanded by default).
  2. Drag the Signal List widget onto the slide.
    Image Removed
    Image Added

  3. Upon doing so, the Properties panel will be updated to show properties of this widget.
    Image RemovedImage Added

  4. You can select filters values to filter the signal widget list. The available options allow you to view Signals according to:
    Image Removed

    Image Added

    1. Time: 
    2. Signal Status: this includes Signals added to your watch list, ones that were recently viewed, those that have been closed, or dismissed signals.
    3. Time: view signals according to a pre-selected time range, such as those occurring in the last 30 days. Choose Anytime if you do not want to limit signals according to time.
    4. Views: display signals Signal Analysis jobs: this filters Signals that were detected within a specified viewby a specific analysis configuration job.
    5. Signal Status: this includes Signals added to your watch list, ones that were recently viewed, those that have been closed, or dismissed signals.
    6. Signal Type: display signals of a specific type, such as only show Spikes and Drops. 
    7. Views: display signals that were detected within a specified view.
  5. Note that the list will be saved according to the filters applied. This ‘filtered’ list will appear on the presentation.
  6. Refer to the properties section for a description on all properties related to this widget and how to configure them.

...

Property name

Description

Name

Allows you to update the name of the signal widget.

Filters

This section offers multiple filters that you may update your signal widget list by. These are covered in the Signal filter section above.

Style

Light Dark theme

Enable this toggle to display the Signal widget widget in a light dark theme, or disable it to keep the dark light theme.

Size & location

X

Specify the x coordinates of the top left corner of the signal widget, in order to position it exactly on your presentation slide.

Y

Specify the y coordinates of the top left corner of the signal widget, in order to position it exactly on your presentation slide.

Height

Specify the height of the currently selected signal widget, in pixels, in order to resize it exactly.

Note that the Signal widget width does not have a configuration field as it is not adjustable for this widget.

Lock widget

Enable this toggle to lock the signal widget in its location. This stops you from moving or resizing it. This holds true even when selecting multiple widgets on the slide. Note that the quick chart can still be customized. 

...