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

Versions Compared

Old Version 12

changes.mady.by.user user-3484a

Saved on

compared with

New Version Current

changes.mady.by.user Wendy R

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Corrected errors about text widgets and improved content.

...

Anchor
creationbasics
creationbasics

Dashboard creation basics

In this section, we will cover some of the basics of around creating a Dashboard.

Anchor
dashtemplates
dashtemplates

...

  • Dashboard Canvas: A flexible template that allows you to create a pixel-perfect design. There are no restrictions on object positioning so they can be positioned anywhere. Support for all dashboard content objects is provided on the canvas, along with functionality that allows authorized developers to create a highly customizable user experience.
    Image Removed
    Image Added

  • Dashboard static layouts: A range of pre-designed dashboard templates with established layouts, where you can drop in objects. These layouts have less flexibility in positioning objects compared to canvas, but and are simpler to build. Objects such as reports , and filters and text widgets can be added to these layouts.
    Image Removed
    Image Added


Note: Your dashboard can contain any number of multiple tabs, and each tab can have use a different template. In this way, That means that canvas tabs can be built alongside layout tabs.

...

  • Visual Mode: Shows a visual representation of the dashboard. Allows users to drag, drop and configure objects while this mode is enabled.
  • Code Mode: Swap between visual and code modes with the bilateral editor and edit dashboard code with HTML, Javascript JavaScript and CSS. Authorized developers can extend dashboard functionality within Yellowfin and create rich application experiences. Learn more here. *Note that Code Mode is supported only in on the dashboard canvas.

Both the editor modes work seamlessly together, so changes made on in one mode will immediately be reflected on in the other one. This allows users to use them interchangeably and build a dashboard suitable for any purpose. These two types of modes help users of varying capabilities to come up with their ultimate dashboard design.

Developer-centric dashboard editing

Developers can create rich application experiences , by extending functionality with Code Mode, Code Widgetscode widgets, and Actions Buttonsactions buttons. Only authorized developers will be able to edit dashboard code using HTML, JavascriptJavaScript, and CSS.

Note that this coding functionality is only available in the canvason dashboard canvases; it is not supported in on dashboard layouts.

Refer to any of our wiki sections for more information on these: