How load image in backgroud design time

[rammohan.acharyadasa]

i have created Popup mobilescreen .
and added below code to display background image in the container ( on load event) custom js:

$('div[dsid="mobilecontainer42"]').css('background-image','url("' + Tiggzi.getImagePath('woodshelven.png') + '")');
i
it works great. but the problem is it does not load the whole image.
q1. How to load the image in the container , should occupy whole container.
Q2. is there anyway i can i add background image in design time itself . with transparent property = true, so that i can put more widgets on the container( having background image), so that i will place the icons/images at exact positions based on the background image.

[rammohan.acharyadasa]

MaX/Tiggzi TEAM,
pls see screen shot below:

[maxkatz]

Try to make the popup windows bigger.

[rammohan.acharyadasa]

i already took 320by480 size screen size (by default)
but whole image is not getting displayed.
i mean popup window it self not displaying fullly.
i am using navaritem -click action-openas popup.
please help

[rammohan.acharyadasa]

pls advice on this

[maxkatz]

It's possible that jQuery Mobile restricts the size of the dialog based on parent size. Try to resize not the screen, but the dialog (itself) in properties.

[rammohan.acharyadasa]

max, which one i need to resize
and how to

[maxkatz]

Once you created a popup, you can set its size in properties.

[rammohan.acharyadasa]

max, i can't see size property there is only screen dimension
pls see the attached image

[maxkatz]

That's what I meant, the dimension. You can also make it custom.