function RadioButton(geometry) {
    var text = 'Option';
    if (!geometry)
        geometry = new mxGeometry(0, 0, 150, 30);
    UIText.call(this, text, geometry);
    this.value.setAttribute('_checked', false);
    this.value.setAttribute('_autofocus', false);
    this.value.setAttribute('_disabled', false);
    this.value.setAttribute('_name', '');

    /**
     * Intialize the DOM elements for the label
     * @returns {undefined}
     */
    this.initDOM = function () {
        this.set$node($('<div>')
                .css('pointer-events', 'none')
                .append($('<input>').attr('type', 'radio').attr('checked', true))
                .append($('<input>').attr('type', 'input')
                    .css('font-size', 15)
                    .css('width', this.geometry.width - 30)
                    .css('height', this.geometry.height - 10)
                    .css('background-color', 'transparent')
                    .css('border-style', 'initial')
                    .val(text)));
    }
}
/**
 * A radio button with label
 * @classdesc A radio button element
 * @param {mxGeometry} geometry the geometry object which holds the size and position of the element
 * @constructor
 * @extends UIText
 */
A radio button with label
@classdesc A radio button element
@param {mxGeometry} geometry the geometry object which holds the size and position of the element
@constructor
@extends UIText
A radio button with label @classdesc A radio button element @param { mxGeometry } geometry the geometry object which holds the size and position of the element @constructor @extends UIText
function RadioButton(geometry) {
    var text = 'Option';
    if (!geometry)
        geometry = new mxGeometry(0, 0, 150, 30);
    UIText.call(this, text, geometry);
    this.value.setAttribute('_checked', false);
    this.value.setAttribute('_autofocus', false);
    this.value.setAttribute('_disabled', false);
    this.value.setAttribute('_name', '');
    this.initDOM = function () {
        this.set$node($('<div>')
                .css('pointer-events', 'none')
                .append($('<input>').attr('type', 'radio').attr('checked', true))
                .append($('<input>').attr('type', 'input')
                    .css('font-size', 15)
                    .css('width', this.geometry.width - 30)
                    .css('height', this.geometry.height - 10)
                    .css('background-color', 'transparent')
                    .css('border-style', 'initial')
                    .val(text)));
    }
}
function RadioButton ( geometry ) { var text = 'Option' ; if ( ! geometry ) geometry = new mxGeometry ( 0 , 0 , 150 , 30 ) ; UIText . call ( this , text , geometry ) ; this . value . setAttribute ( '_checked' , false ) ; this . value . setAttribute ( '_autofocus' , false ) ; this . value . setAttribute ( '_disabled' , false ) ; this . value . setAttribute ( '_name' , '' ) ; this . initDOM = function ( ) { this . set$node ( $ ( '<div>' ) . css ( 'pointer-events' , 'none' ) . append ( $ ( '<input>' ) . attr ( 'type' , 'radio' ) . attr ( 'checked' , true ) ) . append ( $ ( '<input>' ) . attr ( 'type' , 'input' ) . css ( 'font-size' , 15 ) . css ( 'width' , this . geometry . width - 30 ) . css ( 'height' , this . geometry . height - 10 ) . css ( 'background-color' , 'transparent' ) . css ( 'border-style' , 'initial' ) . val ( text ) ) ) ; } }
A radio button with label
 @classdesc A radio button element
 @param {mxGeometry} geometry the geometry object which holds the size and position of the element
 @constructor
 @extends UIText
A radio button with label @classdesc A radio button element @param { mxGeometry } geometry the geometry object which holds the size and position of the element @constructor @extends UIText
/**
     * Intialize the DOM elements for the label
     * @returns {undefined}
     */