Isomorphic Software Logo SmartClient™ SDK
Custom Component Examples

Version v10.1p_2022-05-28/EVAL Deployment (2022-05-28)

These source code examples demonstrate how to create your own user interface components in SmartClient. For more information, please refer to:


BigButton

The BigButton draws bigger, bolder buttons. This example demonstrates the essential methods of SmartClient class definition:
	ClassFactory.defineClass()
	<Class>.addProperties()
view example css source page source



SimpleLabel

The SimpleLabel class implements a very simple bordered text label component. The SimpleLabel class demonstrates how to render and redraw a raw HTML component, using:
	getInnerHTML()
	markForRedraw()
view example component source page source



SimpleSlider

The SimpleSlider class implements a graphical slider component with a subset of the SmartClient Slider class functionality.

This example is presented in nine steps, each building on the last. Each step has an associated source file (SimpleSlider_#.js) and test file (simpleSliderTest_#.html). You can use a side-by-side file comparison/diff utility to call out the differences at each step.


Step 1 initialization, drawing, children view example component source page source
Step 2 custom drag & drop behavior view example component source page source
Step 3 custom event handling view example component source page source
Step 4 getters & setters view example component source page source
Step 5 observation view example component source page source
Step 6 images, skins, cursors view example component source page source
Step 7 extending superclass methods view example component source page source
Step 8 cleanup & optimization view example component source page source
Step 9 safe "isc" namespace view example component source page source

SimpleHeader

The SimpleHeader class is an example of a simple Layout subclass that generates and manages a set of other components.

view example component source page source



CustomPicker

The CustomPicker example demostrates a custom form control (YesNoMaybeItem) implemented as a "picker" that the user can pop up from a picker icon next to a form or grid value. Check it out in the Feature Explorer.







©2005 Isomorphic Software, Inc.  All rights reserved.  License agreement.