How to Image as a background within a dialog box.

[Aniquiladorz]

I would like to place an image as a background inside a dialog box.

I know it is possible for a color, but I would like an image, is it possible?

Below is the code I worked on but was unsuccessful;

//Code;
var dialog = (function () {

var dialog = new Window ("dialog", undefined, undefined,);
dialog.text = "PHOTO LIGHT ONLINE";
dialog.orientation = "column";
dialog.alignChildren = ["center", "center"];
dialog.spacing = 0;
dialog.margins = 28;
dialog.graphics.drawImage ('image', File (Folder.desktop + "/ campagne.png"));

// GROUP1
// ======
var group1 = dialog.add ("group", undefined, {name: "group1"});
group1.preferredSize.width = 29;
group1.orientation = "row";
group1.alignChildren = ["left", "top"];
group1.spacing = 0;
group1.margins = 0;

// PANEL1
// ======
var panel1 = group1.add ("panel", undefined, undefined, {name: "panel1"});
panel1.text = "ACTIONS";
panel1.orientation = "column";
panel1.alignChildren = ["left", "top"];
panel1.spacing = 44;
panel1.margins = 0;
panel1.alignment = ["left", "center"];

var button1 = panel1.add ("button", undefined, undefined, {name: "button1"});
button1.text = "ADD BACKGROUND";

var button2 = panel1.add ("button", undefined, undefined, {name: "button2"});
button2.text = "OK";
button2.alignment = ["center", "top"];

dialog.show ();

return dialog;

} ());

I used = dialog.graphics.drawImage ('image', File (Folder.desktop + "/ campagne.png"));

to say the image I wanted in the background.

Can someone help me?

[r-bin · Accepted solution]

Try this

var dialog = (function () {


var dialog = new Window ("dialog", undefined, undefined,);
dialog.text = "PHOTO LIGHT ONLINE";
dialog.orientation = "column";
dialog.alignChildren = ["center", "center"];
dialog.spacing = 0;
//dialog.margins = 28;
dialog.margins = 0;
//dialog.graphics.drawImage ('image', File (Folder.desktop + "/ campagne.png"));


// GROUP1
// ======
var group1 = dialog.add ("group", undefined, {name: "group1"});
//group1.preferredSize.width = 29;
group1.orientation = "row";
group1.alignment = ["fill", "fill"];
group1.alignChildren = ["left", "top"];
group1.spacing = 0;
//group1.margins = 0;
group1.margins = 28;

var back_image = ScriptUI.newImage(Folder.desktop.fsName + "/"+ "campagne.png");
dialog.group1.onDraw = function() 
    {                                               
    this.graphics.drawImage(back_image, 0, 0, this.size[0], this.size[1]);
    }

// PANEL1
// ======
var panel1 = group1.add ("panel", undefined, undefined, {name: "panel1"});
panel1.text = "ACTIONS";
panel1.orientation = "column";
panel1.alignChildren = ["left", "top"];
panel1.spacing = 44;
panel1.margins = 0;
panel1.alignment = ["left", "center"];

var button1 = panel1.add ("button", undefined, undefined, {name: "button1"});
button1.text = "ADD BACKGROUND";

var button2 = panel1.add ("button", undefined, undefined, {name: "button2"});
button2.text = "OK";
button2.alignment = ["center", "top"];

dialog.show ();

return dialog;

} ());