Specify screen percentage for popup windows instead of pixels - how?

Morne · May 6, 2020 at 9:49 AM

Hi guys
I've tried various ways to adjust the width and height of the popup windows, but seems the only input it accepts is pixel resolution. I'dd like to add screen percentage instead. How can I do that?

spacerywirtualne · May 6, 2020 at 10:20 AM

You can use percentage values, like height="80%" width="80%"

https://krpano.com/docu/xml/#layer.width

...This can be an absolute pixel value or a relative (to the screenwidth or screenheight) percent value. When not set - the size of the loaded image will be used.

...

regards
Piotr

Morne · May 6, 2020 at 12:41 PM

Yeah the problem is I dont know where to put it
For an image popup for example:

Code

onclick="popup('image', 'boards/board_01.jpg', 20, 20, true);"

or

Code

onclick="popup('image', 'boards/board_01.jpg', 20%, 20%, true);"

makes no difference, it still opens as much as the image resolution is

On the other hand, on a html popup the res works in pixels:

Code

onclick="popup('html', get(data[vimeo_01].content), 800, 450, true);"

but in percentage it doesnt work

Code

onclick="popup('html', get(data[vimeo_01].content), 70%, 70%, true);"

spacerywirtualne · May 6, 2020 at 2:54 PM

Give me the full popup() action code and the all layer and styles for her

Piotr

Morne · May 6, 2020 at 3:16 PM

Code

<action name="popup" scope="private:POPUP" args="type, content, width, height, scrollbars"><![CDATA[
		if(popup, break(); );
		addlayer('popup', popup);
		set(popup,
			type=container,
			width=calc(min(width,global.stagewidth*0.9)),
			height=calc(min(height,global.stageheight*0.8)),
			align=center,
			bgborder='1 0x555555 1',
			bgcolor=0x555555,
			bgalpha=0.7,
			bgshadow='0 10 20 0x000000 0.5',
			bgcapture=true,
			maskchildren=true,
			capture=true,
			handcursor=false,
			alpha=0
		);


		if(type == 'html',
			copy(popup.datacontent, content);
			calc(popup.onloaded, 'add_html_code(get(datacontent),'+scrollbars+');');


		  ,type == 'iframe',
			calc(popup.datacontent, '<iframe style="position:absolute;width:100%;height:100%;top:0px;left:0px;" src="'+content+'" frameborder="0" allowfullscreen></iframe>');
			calc(popup.onloaded, 'add_html_code(get(datacontent),'+scrollbars+');');


		  ,type == 'image',
		 	set(popup,
		 		bgcolor=0xFFFFFF,
		 		bgalpha=1,
		 	);
			addlayer("popup_image", img);
			set(img,
				url=get(content),
				align=center,
				width=-20, height=-20,
				parent=get(popup.name),
				onloaded='popup_imageloaded()'
			);
		);


		tween(global.plugin[pp_blur].range, 40.0);
		delayedcall(0.2, tween(global.layer[popup].alpha, 1.0); );


		set(global.events[popup].onclick,
			set(global.events[popup].name, null);
			tween(global.plugin[pp_blur].range, 0.0);
			tween(global.layer[popup].alpha, 0.0, 0.25, default,
				removelayer('popup', true);
				scope(private:POPUP, delete(popup); );
			);
		);
	]]></action>

Display More

spacerywirtualne · May 6, 2020 at 4:02 PM

The easiest way to do it is:

width=calc(min(width,global.stagewidth*0.9)),
height=calc(min(height,global.stageheight*0.8)),

change to

width=80%,
height=80%,

or

Code

onclick="popup('html', get(data[vimeo_01].content), 70%, 70%, true);"

Code

...
width=get(width),  or width=%3, 
height=get(height), or height=%4,
...

PANFOTO · December 7, 2023 at 3:53 PM

Quote from spacerywirtualne
The easiest way to do it is:

width=calc(min(width,global.stagewidth*0.9)),
height=calc(min(height,global.stageheight*0.8)),
change to
width=80%,
height=80%,
or
Code
onclick="popup('html', get(data[vimeo_01].content), 70%, 70%, true);"
Code
...
width=get(width),  or width=%3, 
height=get(height), or height=%4,
...

this was enough for me
width=calc(min(width,global.stagewidth*0.9)),

well thank you

Participate now!