Select to view content in your preferred language

Popup Size for Edit widget

9345
9
Jump to solution
04-29-2015 12:17 PM
RickeyFight
MVP Regular Contributor

I cannot seem to find where to change the size of the popup widget. Can someone direct me to the right location.

It is just a tad to small.

0 Kudos
1 Solution

Accepted Solutions
RickeyFight
MVP Regular Contributor

Larry,

The code you provided almost worked.

Now the popup content extends past the rest of the popup.

EDIT.

I found it:

query('.sizer', this.map.infoWindow.domNode).style({ width: '400px' });

This changes the edit popup but not the other ones.

View solution in original post

9 Replies
StanMcShinsky
Frequent Contributor

Ricky,

Try something like this.

WAB - popup box inconsistent sizes

-Stan

RickeyFight
MVP Regular Contributor

Stan,

This works for all my popups except the edit widget.

Thank you

0 Kudos
LarryStout
Deactivated User

Rickey,

I've had some issues with the infoWindow.resize(), but I can't remember the details.  An alternate approach is:

query('.contentPane', this.map.infoWindow.domNode).style({ width: '400px' });

Larry

RickeyFight
MVP Regular Contributor

Larry,

The code you provided almost worked.

Now the popup content extends past the rest of the popup.

EDIT.

I found it:

query('.sizer', this.map.infoWindow.domNode).style({ width: '400px' });

This changes the edit popup but not the other ones.

BrandonKeinath1
Deactivated User

Hi Rickey,

Again, thanks for the heads up on this discussion.  Where do I make this change?  And were you able to solve the header sizing issue compared to the rest of the popup?

Thanks,


Brandon

0 Kudos
RickeyFight
MVP Regular Contributor

Brandon,

In the widget.js for the edit widget is where I entered this code:  (line 223)

query('.sizer', this.map.infoWindow.domNode).style({ width: '400px' });

Yes i was able to resolve the issue by changing to .sizer

This only works in the edit popup though. I am not 100% sure how to apply to all.

The code Above changed all the popups but the one below did not :

query('.contentPane', this.map.infoWindow.domNode).style({ width: '400px' });
JasonStanton__GISP
Regular Contributor

Does this work for WAB 1.2?  If i use '.sizer' it doesn't work at all, if I use '.contentPane' it works (not quite right as described above).

0 Kudos
JasonStanton__GISP
Regular Contributor

I figured it out by looking at this thread.​  I'm pretty much lost when it comes to code so I had no clue where to put the solution (Iine 267 BTW).  Thanks for the help!

0 Kudos
RickeyFight
MVP Regular Contributor

Jason,

Sorry I was out of the office the last two days.

I am glad you got it to work.

0 Kudos