How to adjust font alignment and a few other questions?

[cbishop01]

Hello i am wanting to know how to align the font to the Left and in each tab And the "UNCHANGED" tab i would like All those rows to be attached to a (jpg or what ever image file would be best) that shows up in the Example tab. 

	var w = new Window ('dialog', "Running Changes", undefined);
	var tpanel = w.add('tabbedpanel');
	tpanel.preferredSize = [500,500];

	var general = tpanel.add('tab', undefined, "Changed Items");
	general.add('statictext', undefined, "Double Space  -   Single Space");
	general.add('statictext', undefined, "Double Return -   Single Return");
	general.add('statictext', undefined, "Space .   -   .");
	general.add('statictext', undefined, "Space :   -   :");
	general.add('statictext', undefined, "<CR>  -   return");

	var general = tpanel.add('tab', undefined, "UnChanged");
	general.add('statictext', undefined, "B1.   Omni Align Front panel information to the O in omni ");
	general.add('statictext', undefined, "B2.   ShopLine Align Front panel text with S in Shop and Identifier with L in line Flush Left text");
	general.add('statictext', undefined, "B3.   Deltron Spacing around Art and logo");
	general.add('statictext', undefined, "B4.   Matthews Art and Attribute statement update");
	general.add('statictext', undefined, "B5.   One Shot Artwork (Some change to Just green bar Some Blue ETC...");
	general.add('statictext', undefined, "B6.   Concept Artwork Change");
	general.add('statictext', undefined, "B7.   Envirobase Artwork Change");
	general.add('statictext', undefined, "G1.   Spacing around PPG LOGO");
	general.add('statictext', undefined, "G2.   Sentence Case on APP USE and Description");
	general.add('statictext', undefined, "G4.   Important information and Medical Info Change To SDS information");
	general.add('statictext', undefined, "N1.   Change Contains to one box");
	general.add('statictext', undefined, "N2.   Remove Bars below and above Barcode and around PPG LOGO");
	general.add('statictext', undefined, "N3.   CPCDescription is to be TITLECASE");

	var images = tpanel.add('tab', undefined, "Example");
	images.add('statictext', undefined, "whatever filename.JPG");
	var buttons = w.add('group');
	buttons.add ('button', undefined, "OK", {name: 'ok'});
	w.show ();

[cbishop01]

Where the white box is where i would like to add the pic if possible.  This may be out side the capabilities of JSX i dont know.

[tpk1982 · Accepted solution]

to add picture, see Peter scriptUi book..

ScriptUI for dummies | Peter Kahrel

page number: 66

[cbishop01]

This is perfect thank you so much.  I may have other questions later but this is Perfect for what i'm wanting to do.

[cbishop01]

var buttons = tpanel.add('tab', undefined, "Test");

    buttons.add('button', undefined, "B1.   Omni Align Front panel information to the O in omni", {name: 'name of action'});

Ok this works for the button but how do i direct the button to do what i'm wanting?