egl.defineWidget(
				'utils', 'ShowAlert',		// this class
				'egl.ui.rui', 'Widget',  	// the super class
				'div',						// dom element type name
{
	"constructor" : function() {
	},

	"showAlert" : function( alert ) {
		alert( alert );
	}
	
});

package client.utils;

externalType ShowAlert extends Widget type JavaScriptObject {
	relativePath = "utils",
	externalName = "ShowAlert" } 

	function showAlert( alert string in );
end

package client;

import org.eclipse.edt.rui.widgets.*;
import client.utils.ShowAlert;
import eglx.ui.rui.Event;

handler TestShowAlert type RUIhandler{initialUI =[ui], onConstructionFunction = start, title = "Test Show Alert"}

    ui box{ columns=3, children =[lbl, fld, but] };
    
    lbl html{ text = "Alert message:" };
    fld textfield{ text = "Why aren't you working?" };
    but button{ text="Show Alert", onClick::=but_onClick };

    function start()
    end
    
    function but_onClick(e Event in) 
    	alert ShowAlert{};
    	alert.showAlert(fld.text);
    end

end

egl.defineWidget(
				'utils', 'ShowAlert',		// this class
				'eglx.ui.rui', 'Widget',  	// the super class
				'div',						// dom element type name
{
	"constructor" : function() {
	},

	"showAlert" : function( alertText ) {
		alert( alertText );
	}
	
});