When I load more than 2 popup actions into the popup the titles of each disappear including the default zoom to buttons title. Has anyone else seen this happen?
Jay can you share some of you code? I have added a half dozen actions with no issue.
Of course
watchUtils<SPAN class="punctuation token">.</SPAN><SPAN class="token function">when</SPAN><SPAN class="punctuation token">(</SPAN>app<SPAN class="punctuation token">.</SPAN>view<SPAN class="punctuation token">.</SPAN>popup<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"selectedFeature"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN> <SPAN class="token function">photos</SPAN><SPAN class="punctuation token">(</SPAN>evt<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="keyword token">var</SPAN> x <SPAN class="operator token">=</SPAN> document<SPAN class="punctuation token">.</SPAN><SPAN class="token function">getElementById</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"attInventory"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> x<SPAN class="punctuation token">.</SPAN>style<SPAN class="punctuation token">.</SPAN>display <SPAN class="operator token">=</SPAN> <SPAN class="string token">"none"</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="token function">query</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"#panelInfo"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">removeClass</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"in"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="token function">query</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"#panelDetails"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">removeClass</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"in"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="token function">query</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"#panelInventory"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">removeClass</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"in"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN>app<SPAN class="punctuation token">.</SPAN>view<SPAN class="punctuation token">.</SPAN>popup<SPAN class="punctuation token">.</SPAN>actions<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> app<SPAN class="punctuation token">.</SPAN>view<SPAN class="punctuation token">.</SPAN>popup<SPAN class="punctuation token">.</SPAN>actions<SPAN class="punctuation token">.</SPAN><SPAN class="token function">splice</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="number token">1</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">2</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> app<SPAN class="punctuation token">.</SPAN>view<SPAN class="punctuation token">.</SPAN>popup<SPAN class="punctuation token">.</SPAN>actions<SPAN class="punctuation token">.</SPAN><SPAN class="token function">push</SPAN><SPAN class="punctuation token">(</SPAN>wellInventory<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> objectID <SPAN class="operator token">=</SPAN> app<SPAN class="punctuation token">.</SPAN>view<SPAN class="punctuation token">.</SPAN>popup<SPAN class="punctuation token">.</SPAN>selectedFeature<SPAN class="punctuation token">.</SPAN>attributes<SPAN class="punctuation token">.</SPAN>OBJECTID<SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">//query the well layer</SPAN> <SPAN class="keyword token">var</SPAN> queryTask <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">QueryTask</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN> url<SPAN class="punctuation token">:</SPAN> <SPAN class="string token"><SPAN>"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fservices.arcgis.com%2FFeatureServer%2F0" target="_blank">https://services.arcgis.com/FeatureServer/0</A><SPAN>"</SPAN></SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">//query the well layers related table for photos</SPAN> relationQuery <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">RelationshipQuery</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN> objectIds<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN>objectID<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN> outFields<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="string token">"Filename"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"directory"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"TYPE"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"Usage"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"Top_Depth"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"Bottom_Depth"</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN> returnGeometry<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN><SPAN class="punctuation token">,</SPAN> relationshipId<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">1</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> queryTask<SPAN class="punctuation token">.</SPAN><SPAN class="token function">executeRelationshipQuery</SPAN><SPAN class="punctuation token">(</SPAN>relationQuery<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">then</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>rslts<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN> document<SPAN class="punctuation token">.</SPAN><SPAN class="token function">getElementById</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"attDetails"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN>innerHTML <SPAN class="operator token">=</SPAN> <SPAN class="string token">""</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="keyword token">var</SPAN> features <SPAN class="operator token">=</SPAN> rslts<SPAN class="punctuation token">[</SPAN>objectID<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">.</SPAN>features<SPAN class="punctuation token">;</SPAN> <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>features<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN> app<SPAN class="punctuation token">.</SPAN>view<SPAN class="punctuation token">.</SPAN>popup<SPAN class="punctuation token">.</SPAN>actions<SPAN class="punctuation token">.</SPAN><SPAN class="token function">push</SPAN><SPAN class="punctuation token">(</SPAN>corePhotos<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="punctuation token">}</SPAN> <SPAN class="keyword token">else</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="token function">query</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"#panelDetails"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">removeClass</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"in"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="token function">query</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"#collapseDetails"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">removeClass</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"in"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="punctuation token">}</SPAN> features<SPAN class="punctuation token">.</SPAN><SPAN class="token function">forEach</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>ftr<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="keyword token">var</SPAN> t <SPAN class="operator token">=</SPAN> ftr<SPAN class="punctuation token">.</SPAN>attributes<SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">//console.log(t);</SPAN> <SPAN class="keyword token">var</SPAN> string <SPAN class="operator token">=</SPAN> t<SPAN class="punctuation token">.</SPAN>directory <SPAN class="operator token">+</SPAN> t<SPAN class="punctuation token">.</SPAN>Filename<SPAN class="punctuation token">;</SPAN> <SPAN class="keyword token">var</SPAN> name <SPAN class="operator token">=</SPAN> t<SPAN class="punctuation token">.</SPAN>Filename<SPAN class="punctuation token">;</SPAN> <SPAN class="keyword token">var</SPAN> type <SPAN class="operator token">=</SPAN> t<SPAN class="punctuation token">.</SPAN>TYPE<SPAN class="punctuation token">;</SPAN> <SPAN class="keyword token">var</SPAN> display <SPAN class="operator token">=</SPAN> t<SPAN class="punctuation token">.</SPAN>Usage<SPAN class="punctuation token">;</SPAN> <SPAN class="keyword token">var</SPAN> tDepth <SPAN class="operator token">=</SPAN> t<SPAN class="punctuation token">.</SPAN>Top_Depth<SPAN class="punctuation token">;</SPAN> <SPAN class="keyword token">var</SPAN> bDepth <SPAN class="operator token">=</SPAN> t<SPAN class="punctuation token">.</SPAN>Bottom_Depth<SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">//console.log(string);</SPAN> <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>display <SPAN class="operator token">==</SPAN> <SPAN class="string token">"PUBLIC"</SPAN> <SPAN class="operator token">&&</SPAN> name<SPAN class="punctuation token">.</SPAN><SPAN class="token function">match</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="regex token">/.jpg/</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN> document<SPAN class="punctuation token">.</SPAN><SPAN class="token function">getElementById</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"attDetails"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN>innerHTML <SPAN class="operator token">+</SPAN><SPAN class="operator token">=</SPAN> <SPAN class="string token"><SPAN>"<li><img data-original='</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fcore_photos%2F" target="_blank">https://core_photos/</A><SPAN>"</SPAN></SPAN> <SPAN class="operator token">+</SPAN> string <SPAN class="operator token">+</SPAN> <SPAN class="string token"><SPAN>"' src='</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fcore_photos%2F" target="_blank">https://core_photos/</A><SPAN>"</SPAN></SPAN> <SPAN class="operator token">+</SPAN> string <SPAN class="operator token">+</SPAN> <SPAN class="string token">"' width='200' height='125' alt='"</SPAN> <SPAN class="operator token">+</SPAN> type <SPAN class="operator token">+</SPAN> <SPAN class="string token">" Top Depth: "</SPAN> <SPAN class="operator token">+</SPAN> tDepth <SPAN class="operator token">+</SPAN> <SPAN class="string token">" Bottom Depth: "</SPAN> <SPAN class="operator token">+</SPAN> bDepth <SPAN class="operator token">+</SPAN> <SPAN class="string token">"'></li>"</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="punctuation token">}</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>
Jay,
where is the code for wellInventory and corePhotos?
<SPAN class="comment token">// Defines an action to open photos from the selected feature</SPAN> <SPAN class="keyword token">var</SPAN> wellInventory <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN> title<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Inventory"</SPAN><SPAN class="punctuation token">,</SPAN> id<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"well-inventory"</SPAN><SPAN class="punctuation token">,</SPAN> className<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"esri-icon-table"</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">// Defines an action to open photos from the selected feature</SPAN> <SPAN class="keyword token">var</SPAN> corePhotos <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN> title<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Photos"</SPAN><SPAN class="punctuation token">,</SPAN> id<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"photo-gallery"</SPAN><SPAN class="punctuation token">,</SPAN> className<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"esri-icon-media"</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>
This works perfectly!!!!
After I posted my comment I found a workaround with CSS, but yours is cleanest and straightforward.
thank you a lot.
Hi,
I have the same issue with 4.11 version and none of the proposed solutions worked. Is there any workaround for the latest javascript version?
Thank you in advance.
There is no solution in 4.11, this undocumented method was removed.
Thanks for the fast response!
Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.