Home :: GUI :: Widgets


This is a sample showing the types of buttons that can be created using custom Button Tags. This simplifies the creation of each Button widget by using the familiar XML element/attribute syntax that SVG'ers are already accustomed to. To see the details of this example, be sure to right-click (or option-click on the Macintosh) the SVG image above.

A summary of the Button elements and their associated attributes follows:


The Button Namespace


button

checkbox

radiobutton


Download

In order to use these custom tags, you will need to load the following JavaScript file into your SVG file. Once the SVG file has loaded, you need to make a call to loadGUI() and then all instances of the custom tags will be replaced with their SVG equivalents.

ButtonTag.js