jsLinb UI Builder

Web based tool for UI rapid design. Developers can create web app just like in VB or Delphi.

jsLinb API

jsLinb API documentation. Almost every API has the sample code.

jsLinb Code Snippets

Code snippets for jsLinb developers.

PicEditor

Online Image processing photo editor, lets you edit images just in your browser.

JSON Editor

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

Google Calendar

A google calendar UI. (You have to have a Google account!)

Themes

Switches application theme dynamically.

Outlook Mockup

An outlook mockup. It contains menu tool bar, tree, grid & many others ...

Order Management

You can make it in 10 min without coding.

Basic

Using linb.Ajax/Sajax/Iajax to interact with json service

Interaction Monitor

To monitor the IO request process.

Complicated Interaction

"bi"nding several Ajax requests into one thread.

Interact with MYSQL

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

A simple MySQL Admin

Browses databases and tables of a given mysql instance.

Survey

An survey demo, uses DataBinder to cellect form data (No backend and DB yet).

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.

Charts

A Demo for FusionChartsFree / FusionCharts3

Application Skin

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

Browser History

How to make a markable web application.

Component assembly process

Monitors component assembly process in "slow motion".

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 linb.UI

Serialize/Unserialize linb.UI object

Form Builder

Build form from JSON string.

The Databinder

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

TimeLine and Calendar

online course planning and registration

Time Range Selector

TreeGrid Overall

linb.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, Preview, Summery

Sets a row as a group; Row with preview and summery areas.

Row selection mode

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

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 linb.Template to create multi-nested html with events supported

Product Gallery

Using linb.Template to create a product gallery application.

linb.UI in linb.Template

Puts linb.UI controls into linb.Template

Change CSS class for all

Use CSS class like 'linb-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, linb.UI or linb.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 jsLinb.

Hot Keys

How to use a global hot key

Keyboard Monitor

Keyboard monitor for linb.UI.Input.

linb.UI renderonto

Render linb.UI widget to an existing DOM Element.

Docking

Docking widgets example.