Versions Compared

Key

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

...

Anchor
top
top
A widget is an "element of interaction" in a user interface. Basic widgets can be buttons, input fields checkboxes and so forth. Widgets can be combined together to form more complex functionality, for example  a widget consisting of multiple input fields, buttons and a radio box. The user interface in XperienCentral is written in JavaScript which makes use of a framework called the Dojo Toolkit, usually referred to as simply Dojo. Dojo defines a way of implementing these kinds of compound widgets using browser functionality such as HTML, CSS and JavaScript. Except for standard HTML tags, other widgets can be added in a similar fashion to build up new client-side components from the bottom up. The widgets used in a component can be standard Dojo widgets, 3rd party widgets, XperienCentral widgets or custom widgets. Dojo-based widgets are used throughout the XperienCentral user interface.

...

Section
Column
width33%

Other pages in this topic

Child pages (Children Display)
alltrue
showLabelsfalse
showSpacefalse
titleIn This Section
cqllabel = "api"
labelsapi

Column
width33%

Related pages

Column
width33%

 External related pages

 

...

In This Topic

Table of Contents
maxLevel3
minLevel2

 

...

XperienCentral

...

Client-side

...

Architecture

The client-side architecture introduced in XperienCentral makes it possible to add functionality to the Workspace using Dojo widgets. The advantave of this architecture is that you can add functionality which reacts to changes in the Workspace and Editor, such as when starting editing or viewing content. The figure below shows a depiction of the XperienCentral client-side architecture.

...

External references: Dojo / Data Stores in DOJO

 

Back to top

 

...



Anchor
dojoToolkit
dojoToolkit
The Dojo Toolkit

...

Panel widgets are widgets that can be opened via a menu item in the Configuration menu, such as the Layout panel:

 

Image Removed

There is at the moment of writing Image Added

At this time there is no archetype or specific documentation for creating custom panel widgets. Therefore it requires more knowledge to write one than to write a sidebar widget.Contact your GX Software consultant for help in creating a new panel widget. 

Dojo Widget

...

Composition

Keep the following thins in mind when determining planning the composition of Dojo widgets:

  • Make sure that each widget is self-contained.
  • The widget should expose public properties, methods and events. This ensures that your widget can be used reused in other widgets.
  • Divide responsibility ("granularity"). In general it is better to create a few smaller widgets with a specific function than one large widget with lots of user interface elements.
  • Implement the "deepest" widgets (the parts) first and work upwards towards the final functionality.
  • Avoid using experimental widgets as much as possible. The DojoX package was originally intended for this purpose, although some components.

  • Check for existing widgets. Don’t reinvent the wheel, re-use as much as possible.
  • Keep reusability in mind. Make sure your widgets can be reused in other widgets later on. Also write clear API documentation for your own widget using JSDoc.

...