How to overlay picture or text on top of another picture?

miguello

I'd like to have a banner as a title of my app with my company's logo. But I would also like to display other image and some text on top of that banner. How can I overlay several display boxes?

jthi

Maybe this gives some ideas

Names Default To Here(1);

banner = Open("$SAMPLE_IMAGES/tile.jpg", jpg);
banner_extra_image = Open("$SAMPLE_IMAGES/pi.gif", jpg);
banner_text = "Version 1.0.0";

// https://community.jmp.com/t5/Uncharted/Add-Text-to-a-Picture/ba-p/513376
{xSize, ySize} = banner << size;
gb = Graph Box(
	<<backgroundcolor("orange"), 
	FrameSize(xSize + 1, ySize + 1),
	X Scale(0, xSize + 1),
	Y Scale(0, ySize + 1), 
	<< Add Image(image(banner_extra_image), bounds(top(10), Left(1), bottom(10), Right(10))),
	<< Add Image(image(banner), bounds(top(0), Left(0), bottom(ySize), Right(xSize + 1))), 
	Text Color("White"),
	Text Font("Helvetica", 30, "Bold"),
	Text(Counterclockwise, {xSize, 10}, banner_text),
);

updated = gb[framebox(1)] << getpicture;
updated << crop(Left(1), top(1), Right(xSize + 1), bottom(ySize + 1));

nw = New Window("",
	V List Box(
		updated
	)
);