Skip to Content (Press Enter)
UserImage.jpg
Eduardo Albarado
8Views
5Comments
Popup_resize
Question
Simple question. How to resize the popup_editor on rutime?

Regards
0
0
29 Oct 2010
Copy Link
2017-10-02 14-22-21
Paulo Tavares
Staff
Hi Eduardo.

For you to resize the Popup_Editor in runtime, I would imagine that you would have to do some javascript and CSS coding in order to change it, inside an unescaped expression.

In Javascript, it should be something like

document.getElementById('PopupDivId').style.height='1000px';
document.getElementById('PopupDivId').style.width='1000px';

replacing PopupDivId by the actual Popup Editor's div id, and 1000px by the width and height you want to. Make sure you execute it AFTER it pops up. I recommend using the Firefox browser, and the Firebug extension, in order to debug and test CSS and Javascript changes.

What exactly are you trying to do? If you're interested in more examples, there's tons of them in Google - just google "div resize css javascript". Sadly, most of them are solutions for specific user questions, but by reading through some of them you'll get the idea in case you want something more complex than what I'm describing here.

Let us know if this helps.

Regards,

Paulo Tavares
0
0
01 Nov 2010
Copy Link
2020-03-05 15-52-45
André Vieira
Staff
Hi Eduardo,

In the attached oml you'll find a webblock that you should add to the page that pops up the dialog. You'll also find an action that you should add in the popup webscreen so that the popup dialog resizes to its content.

Word of avise for a couple of things:
 - Dynamic dialogs don't bound to screen size, this resize action also doesn't
 - Resize action ignores initial setting of width and height, so probably you shouldn't use this for fixed size popups
 - Be sure to put the action after the Ajax Refresh widget so that the page is refresh before the resize action triggers.

This should work for both Popup_Editor and Popup_InfoBalloon.

Cheers,
André
popupResize.oml
1
0
03 Nov 2010
Copy Link
2024-01-05 16-00-17
Filipe Lourenço
Im having a problem with this component.When resizing the popup get black and i cant do anything.Any guess?
0
0
29 Nov 2010
Copy Link
2012-10-03 11-30-50
Joaquim Pereira
Hi, I have the same problem when I upgrade RichWidgets Version 5.0.12 !

To fix the problem open the eSpace popupResize go to the Javascript in the WebBlock PopupEditor_Resize
and change :

	// FIX For Shadow in front of popup... (jp)
	   var actualZIndex = $(divToPopup).parents('.ui-dialog').css('z-index');

	   var onAnimationComplete = function() {
	    $(divToPopup).dialog('size');
	    $(divToPopup).parents('.ui-dialog').removeShadow().dropShadow();
	    
	    // FIX For Shadow in front of popup... (jp)
	    $(divToPopup).parents('.ui-dialog').css('z-index', actualZIndex);
	    

	    $('.ui-dialog-titlebar-close-no-title').css('display','block');
	    $(divToPopup).find('iframe').height('100%').width(width);
	   };
3
0
28 Feb 2011
Copy Link
2017-10-02 14-22-21
Paulo Tavares
Staff
Wow.

Cool fix - thanks for sharing!

I'll run this through our maintenance team - maybe it's worth looking into for future versions of our RichWidgets.

Regards,

Paulo Tavares
0
0
28 Feb 2011
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.