Page Comparison

tile> Widgets

. A view showing all current widgets is opened

Image Added

_{Navigation to Widgets view}

Image Added

_{Widgets view with a list of created widgets}

In the left pane of the Widgets view, use Search Fields to look for a specific widget. The matching results are listed in the Widgets Table Columns in the right pane of the view.

Image Added

_{Widget Search}

Click on the widget in the table or click on the Details icon to open the widget.

The Widget details screen is opened. It has three panels

Image Added

Image Added

Widgets details window

Details

General widget properties, such as Name, Description, Status, etc.

Preferred Size

This attribute currently is not used.

Widget Configuration

Image Modified

A panel that shows a fully functional preview of the widget, if available. Click on the Widget configuration cogwheel icon to open the Docupace Start window.

Click on the Widget configuration cogwheel icon in the Widget Configuration panel.

Image Modified

The Widget Configuration screen is opened. It has three panels:

Image Added

_{Edit Widget Configuration icon}

Pages Tree

The list of pages included in this wizard.

Settings

The settings of the object selected in the Visualization pane.

Visualization

Visual preview of the page that is selected in the Pages Tree pane.

The Widget Configuration screen has six tabs in the upper toolbar of the screen.

The six tabs in the Widget Configuration screen include:

Image Added

_{Widget configuration screen}

Image Modified

_{Widget Configuration}

_tabs

Pages

Used to edit the content of the pages included in this wizard.

Wizard

Used to edit the properties of the entire wizard, the order of pages in the wizard and properties of each page.

JSON

Used to edit the JSON code for the entire wizard directly, without visualization.

Files

Shows in one place all JavaScript and Stylesheet information contained in this wizard. It includes all onEnter JS actions from all pages, wizard onLoad actions, CSS/LESS and Global CSS/LESS data.

CSS/LESS

Used to edit the stylesheets for this particular wizard and its elements.

Global CSS/LESS

Used to edit the styles that affect elements outside the wizard, that are global to the entire Docupace site.