CrossUI RAD

Rapid Application Develop tools. Developers can create web app just like in VB or Delphi.

CrossUI Code Snippets

Code snippets for CrossUI developers.

Theme Roller

Custom theme with the Theme Roller easily .

FusionChartXT Editor

Enable web developers to edit FusionChartXT WYSIWYG.

JSON Editor

Enable web developer edit complex JSON string in a inline editable tree.

Dashboard

A Dashboard built by CrossUI with No Coding.

Themes

Switches application theme dynamically.

Sandbox Theme

Applying sandbox theme to any container ...

Order Management

A real case adapted from one of our enterprise customers.

Web API Caller

Web API Caller for JSON, XMLRPC and SOAP.

DataBinder Overview

Overview of the features of the DataBinder object.

CSS3 Tester

Build-in CSS test functions.

Basic

Using xui.Ajax/JSONP/XDMI to interact with json service

Interaction Monitor

To monitor the IO request process.

Complicated Interaction

"bi"nding several Ajax requests into one thread.

JSON Webservice Client

A client for JSON Webservices.

XMLRPC Client

A client for XMLRPC.

SOAP Client

A client for SOAP.

Interact with MYSQL

Interact (RUID) with MYSQL. The backend is php.

A simple MySQL Admin

Browses databases and tables of a given mysql instance.

An Order Management

From one of our customers realcases.

Distributed UI

Loading js code from remote server, and render it as an UI component.

Localization

Apply different languages on the fly, no need to reload page.

Key Navigation

Use the arrow keys to navigate the board.

Application Skin

Define your own application skin base on one of the CrossUI theme.

Browser History

How to make a markable web application.

Component assembly process

Monitors component assembly process in "slow motion".

Integrate 3rd party

Specifying widget's domId to integrate leaflet js map scripts.

Mouse Simulation

Mouse events(mousedown, mouseup, click, dblclick) simulation in mobile device.

Taking a container as a FORM

Any container can be used as a form.

Basic diagrams

Vector graphics (SVG, VML in IE8-)

Service Flowchart

A simple business service flowchart drawing sample.

Manufacturer Chart

Gaming machine manufacturer

Monthly Sales

Update Monthly Sales Summary cynamically

Chart Switching

Changing the chart type to visualize the same data with a completely different perspective.

DD child between widgets

Drag a child widget from a widget, and drop it into another widget.

DD panel between widgets

Drag a panel from a widget, and drop it into another widget.

DD between widgets

Drag&Drop between List, RadioBox, TreeBar and ...

serialize xui.UI

Serialize/Unserialize xui.UI object

Form Builder

Build form from JSON string.

The Databinder

Uses databinder to get/set a group of controls' value.

TreeGrid Overall

xui.UI.TreeGrid overall.

Paging

Update TreeGrid dynamically!

JSON/XML data

Load data from JSON/XML.

GridEditor

Inline Grid Editor; Pop window Grid Editor.

Custom cell type

Each cell in treegrid can be customized to any type.

Numbered rows

Numbered rows; Alt rows' background color.

Binder

Binder a row to a form for editor.

Drag&Drop rows

Move rows by Drag&Drop.

Grid in Grid

Inserts a treegrid to a treegrid.

Group

Sets a row as a group.

Row selection mode

Single/Multi row selection; Single/Multi cell selection.

Edit mode

Focus, Sharp, Hover and Inline.

Flexible Column

To set flexible width columns.

Freeze rows and columns

To freeze rows and columns.

Advanced ToolBar

Advanced ToolBar with DatePicker, ColorPikcer, ProgressBar ...

Advanced Menu

Advanced Menu with DatePicker, TimePicker, ColorPikcer ...

Pop Menus

Show pop menus in onContextmenu events.

Multi-nested

Using xui.Template to create multi-nested html with events supported

Product Gallery

Using xui.Template to create a product gallery application.

xui.UI in xui.Template

Puts xui.UI controls into xui.Template

Change CSS class for all

Use CSS class like 'xui-list-item' to modify the all widgets' appearances.

Use domId for individual

Use DOM id CSS to modify a specified widget's appearances.

Use setCustom[xxx] for individual

Use setCustomClass/setCustomStyle to modify a specified widget's appearances.

Use getSubNode for individual

Use getSubNode function to modify a specified widget's appearances.

Use itemClass or itemStyle for individual

Use itemClass or itemStyle to modify a specified list node in a widget.

Use setTheme for individual

Load content asyn

Load HTML string, Template, xui.UI or xui.Com into TreeBar asyn.

Renderer

Using renderer funcion to build complex caption.

Tooltips UI

Shows tooltips in you web application

Behavior

Widget events, setCustomBehavior and DOM attached events.

Variable Monitor

The monitor window in CrossUI.

Hot Keys

How to use a global hot key

Keyboard Monitor

Keyboard monitor for xui.UI.Input.

xui.UI renderonto

Render xui.UI widget to an existing DOM Element.

Docking

Docking widgets example.