...
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 this kind these kinds of compound widgets using browser functionality such as HTML, CSS and JavaScriptas HTML, CSS and JavaScript. Except for standard HTML tags, other widgets can be added in a similar fashion to build up a 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 oneswidgets. Dojo-based widgets are used to build up all parts of throughout the XperienCentral user interface.
It is also possible to write custom code using this technique. The most common way to use widgets in custom code in XperienCentral is in Sidebar Widgets, but it can also be used for creating highly by adding new Sidebar widgets. It is also possible to create new interactive maintenance panels. A Sidebar Widget widget is a visible component which can be docked to in the left or right-hand side of the XperienCentral edit environment. To confuse the terminology Sidebar Widgets are often simply called Widgets, especially by non-developers.There is a separate page on Sidebar Widgets in this topic which goes into the practical details on how to start developing widgets based on an archetype specially provided for this purpose. The Sidebar in the XperienCentral Workspace.
This section contains a topic on creating Sidebar widgets by beginning with an archetype which is provided as a starting point for development. The code generated by the archetype is explained in detailThe generated code is explained, including the Dojo toolkit basics, which will help you getting started with your own development.
| Section | |||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
...
XperienCentral client-side architecture
The client-side architecture introduced in XperienCentral makes it possible to add functionality to the edit environment Workspace using Dojo Widgetswidgets. The power advantave of this architecture is that you can add functionality to the edit side which reacts on to changes in the Workspace and Editor, such as when starting editing or viewing other content. Below a high-level description The figure below shows a depiction of the XperienCentral client-side architecture.
| Section | |||||||
|---|---|---|---|---|---|---|---|
|
External references: Dojo / Data Stores in DOJO
| Anchor | ||||
|---|---|---|---|---|
|
The Dojo Toolkit toolkit is an open source modular JavaScript library, or, more specifically a JavaScript toolkit, designed to ease JavaScript toolkit which is designed for the rapid development of cross-platform, JavaScript/AJAX-based applications and web sites. A few websites. The following are examples of standard Dojo widgets you can usedevelop:
| Section | |||||||
|---|---|---|---|---|---|---|---|
|
| Anchor | ||||
|---|---|---|---|---|
|
...
Documentation
There is a lot of documentation available on Dojo. Here are a few starting points. If you’re not familiar with the Dojo toolkit, have a look at the tutorials. Another approach is to dive right into it by creating a sidebar widget based on the archetype and analyze the code using the Sidebar Widgets page.
...