jsLinb UI Builder

Web based tool for AJAX UI rapid design. Developers can create your web app just like what you do 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.(server code: php>5.2)

JSON Editor

This editor allows for easy editing of json strings in a Tree Grid view. (Web developers' dream!)

Google Calendar

Using linb.UI.TimeLine to build a google calendar UI. (You have to have a Google account!)

Themes

Switches application theme dynamically.

Outlook

Order Management

Survey

GridEditor

Interact with MYSQL

Interact (Select, insert, update, delete) with MYSQL. The backend is phpLinb.

A simple MySQL Admin

Browses databases and tables of a given mysql instance.

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.

Application Skin

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

Tooltips UI

Shows tooltips in you web application

Browser History

How to make a markable web application.

Component assembly process

Monitors component assembly (using linb.ComFactory and linb.UI.Tag) process in "slow motion".

Multi-nested

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

Product Gallery

Using linb.Template to create a product gallery application.

Product Gallery 2

Wraps Sample "Gallery 1" to a Class, and get template data from Ajax

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.

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.

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

Advanced ToolBar

Advanced ToolBar with DatePicker, ColorPikcer, ProgressBar ...

Advanced Menu

Advanced Menu with DatePicker, TimePicker, ColorPikcer ...

TreeGrid Overall

linb.UI.TreeGrid overall.

Paging

Update TreeGrid dynamically!

JSON data

Load data from JSON.

XML data

Load data from XML.

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.

Load content asyn

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

Renderer

linb.UI in linb.Template

Behavior

Widget events, setCustomBehavior and DOM attached events.

Debugger

The debugger 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 sample.