Popup Size for Edit widget

7947
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
Regular 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
Occasional Contributor III

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.

View solution in original post

BrandonKeinath1
Occasional Contributor III

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
Occasional 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
Occasional 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