topic Re: Setting HTML Table width in New Map Viewer Pop-up in ArcGIS Online Questions

Setting HTML Table width in New Map Viewer Pop-up

JDonoghue — Tue, 30 Aug 2022 23:54:04 GMT

I am trying to create HTML tables within text attributes added to the pop-up configuration in the New Map Viewer and I cannot figure out how to set the table width

I have tried using html and css style widths, yet the tables appears to be the width of the data as shown here:

In this case, the upper table is as wide as the DeviceId value (not shown in the image) and the lower table is only as wide as the QC Check variable.

How can I force the table widths to be full width regardless of the data length?

Thanks in advance for your help.

Re: Setting HTML Table width in New Map Viewer Pop-up

MarkEastwood — Mon, 10 Apr 2023 21:42:28 GMT

@JDonoghue were you ever able to find a solution for the issue you posted above?

Re: Setting HTML Table width in New Map Viewer Pop-up

Evan_Sepa — Wed, 14 Feb 2024 16:48:50 GMT

Incase someone comes across this...

For some reason you CANT set width as a style attribute in a popup, it gets stripped out. But you CAN set it on its own...

Instead of <table style="width:100%;"> do this <table width="100%">

Not always necessary but sometimes I will also set <figure class="table" style="width:-webkit-fill-available;"> as well. This is the tag that usually wraps your <table></table> tag

Re: Setting HTML Table width in New Map Viewer Pop-up

JoelPerkins — Tue, 05 Mar 2024 23:28:09 GMT

Thanks, I would have never figured that one out. This was driving me crazy.

Re: Setting HTML Table width in New Map Viewer Pop-up

Katie_Clark — Fri, 31 May 2024 18:33:27 GMT

Thank you so much, @Evan_Sepa , I was trying to get this to work for a long time and this finally did the trick!