Robert Scheitlin, GISP
ESRI UK Technical Support
I have downloaded and started to configure the minimal gallery app for our business purposes (this will be hosted on our own web server):
GitHub - Esri/minimal-gallery: The Minimal Gallery is a simple way to display maps and apps in a gallery. It is a config…
I have a queries on how I can change the card element to show the item description (e.g.):
Thanks
I forgot you have to add this to the application.json
<SPAN class="string token">"showDesc"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN></SPAN>
Gareth,
I am not a type script developer but here is what I made work:
application\widgets\panels\Panel.js (line 6 and 20).
<SPAN class="token function">define</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">[</SPAN><SPAN class="string token">"require"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"exports"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"esri/widgets/support/widget"</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN> <SPAN class="punctuation token">(</SPAN>require<SPAN class="punctuation token">,</SPAN> exports<SPAN class="punctuation token">,</SPAN> widget_1<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="string token">"use strict"</SPAN><SPAN class="punctuation token">;</SPAN> Object<SPAN class="punctuation token">.</SPAN><SPAN class="token function">defineProperty</SPAN><SPAN class="punctuation token">(</SPAN>exports<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"__esModule"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN> value<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> exports<SPAN class="punctuation token">.</SPAN><SPAN class="keyword token">default</SPAN> <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">function</SPAN> <SPAN class="punctuation token">(</SPAN>props<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="keyword token">var</SPAN> author <SPAN class="operator token">=</SPAN> props<SPAN class="punctuation token">.</SPAN>config<SPAN class="punctuation token">.</SPAN>showAuthor <SPAN class="operator token">?</SPAN> <SPAN class="punctuation token">(</SPAN>widget_1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">tsx</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"p"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="keyword token">class</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"font-size--1 card-last hug-bottom"</SPAN><SPAN class="punctuation token">,</SPAN> key<SPAN class="punctuation token">:</SPAN> props<SPAN class="punctuation token">.</SPAN>item<SPAN class="punctuation token">.</SPAN>title <SPAN class="operator token">+</SPAN> <SPAN class="string token">"-author"</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> props<SPAN class="punctuation token">.</SPAN>item<SPAN class="punctuation token">.</SPAN>owner<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">null</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="keyword token">var</SPAN> desc <SPAN class="operator token">=</SPAN> props<SPAN class="punctuation token">.</SPAN>config<SPAN class="punctuation token">.</SPAN>showDesc <SPAN class="operator token">?</SPAN> <SPAN class="punctuation token">(</SPAN>widget_1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">tsx</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"p"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="keyword token">class</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"font-size--1 card-desc"</SPAN><SPAN class="punctuation token">,</SPAN> title<SPAN class="punctuation token">:</SPAN> props<SPAN class="punctuation token">.</SPAN>item<SPAN class="punctuation token">.</SPAN>snippet <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> props<SPAN class="punctuation token">.</SPAN>item<SPAN class="punctuation token">.</SPAN>snippet<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">null</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="keyword token">var</SPAN> PanelBaseComponent <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN> captionOpacity<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">1</SPAN><SPAN class="punctuation token">,</SPAN> captionTransform<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> render<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">function</SPAN> <SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="keyword token">var</SPAN> caption <SPAN class="operator token">=</SPAN> props<SPAN class="punctuation token">.</SPAN>config<SPAN class="punctuation token">.</SPAN>showItemType <SPAN class="operator token">?</SPAN> <SPAN class="punctuation token">(</SPAN>widget_1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">tsx</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"div"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="keyword token">class</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"card-image-caption"</SPAN><SPAN class="punctuation token">,</SPAN> style<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"\n opacity: "</SPAN> <SPAN class="operator token">+</SPAN> PanelBaseComponent<SPAN class="punctuation token">.</SPAN>captionOpacity <SPAN class="operator token">+</SPAN> <SPAN class="string token">";\n transform: translate(0, "</SPAN> <SPAN class="operator token">+</SPAN> PanelBaseComponent<SPAN class="punctuation token">.</SPAN>captionTransform <SPAN class="operator token">+</SPAN> <SPAN class="string token">"%);\n background-color: "</SPAN> <SPAN class="operator token">+</SPAN> <SPAN class="token function">convertHex</SPAN><SPAN class="punctuation token">(</SPAN>props<SPAN class="punctuation token">.</SPAN>captionColor<SPAN class="punctuation token">,</SPAN> <SPAN class="number token">80</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="operator token">+</SPAN> <SPAN class="string token">";\n color: "</SPAN> <SPAN class="operator token">+</SPAN> props<SPAN class="punctuation token">.</SPAN>config<SPAN class="punctuation token">.</SPAN>captionTextColor <SPAN class="operator token">+</SPAN> <SPAN class="string token">"\n "</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> props<SPAN class="punctuation token">.</SPAN>item<SPAN class="punctuation token">.</SPAN>displayName<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">null</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="keyword token">return</SPAN> <SPAN class="punctuation token">(</SPAN>widget_1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">tsx</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"div"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="keyword token">class</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"card block trailer-1 animate-fade-in card-fade"</SPAN><SPAN class="punctuation token">,</SPAN> style<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"background-color: "</SPAN> <SPAN class="operator token">+</SPAN> props<SPAN class="punctuation token">.</SPAN>config<SPAN class="punctuation token">.</SPAN>cardColor <SPAN class="operator token">+</SPAN> <SPAN class="string token">";"</SPAN><SPAN class="punctuation token">,</SPAN> key<SPAN class="punctuation token">:</SPAN> props<SPAN class="punctuation token">.</SPAN>item<SPAN class="punctuation token">.</SPAN>title <SPAN class="operator token">+</SPAN> <SPAN class="string token">"-div"</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> widget_1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">tsx</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"figure"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="keyword token">class</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"card-image-wrap"</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> widget_1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">tsx</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"a"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN> title<SPAN class="punctuation token">:</SPAN> props<SPAN class="punctuation token">.</SPAN>i18n<SPAN class="punctuation token">.</SPAN>ui<SPAN class="punctuation token">.</SPAN>galleryTip<SPAN class="punctuation token">,</SPAN> role<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"link"</SPAN><SPAN class="punctuation token">,</SPAN> tabindex<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"0"</SPAN><SPAN class="punctuation token">,</SPAN> onkeypress<SPAN class="punctuation token">:</SPAN> handleKeyPress <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> widget_1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">tsx</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"img"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="keyword token">class</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"card-image clickable thumbnail-min"</SPAN><SPAN class="punctuation token">,</SPAN> img<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN><SPAN class="punctuation token">,</SPAN> src<SPAN class="punctuation token">:</SPAN> "data<SPAN class="punctuation token">:</SPAN>image<SPAN class="operator token">/</SPAN>gif<SPAN class="punctuation token">;</SPAN>base64<SPAN class="punctuation token">,</SPAN>R0lGODlhAQABAIAAAAAAAP<SPAN class="comment token">///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", alt: props.item.title, onmouseover: handleMouseOver, onmouseleave: handleMouseOut, onclick: props.itemClickHandler, style: "\n background-image: url(" + props.item.thumbnailUrl + ");\n background-repeat: no-repeat;\n background-size: cover;\n " })),</SPAN> caption<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN> widget_1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">tsx</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"div"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="keyword token">class</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"card-content"</SPAN><SPAN class="punctuation token">,</SPAN> style<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"color: "</SPAN> <SPAN class="operator token">+</SPAN> props<SPAN class="punctuation token">.</SPAN>config<SPAN class="punctuation token">.</SPAN>fontColor <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> widget_1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">tsx</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"a"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN> title<SPAN class="punctuation token">:</SPAN> props<SPAN class="punctuation token">.</SPAN>i18n<SPAN class="punctuation token">.</SPAN>ui<SPAN class="punctuation token">.</SPAN>galleryTip<SPAN class="punctuation token">,</SPAN> style<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"color: "</SPAN> <SPAN class="operator token">+</SPAN> props<SPAN class="punctuation token">.</SPAN>config<SPAN class="punctuation token">.</SPAN>linkColor <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> widget_1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">tsx</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"h5"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN> tabindex<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"0"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">class</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"clickable"</SPAN><SPAN class="punctuation token">,</SPAN> onclick<SPAN class="punctuation token">:</SPAN> props<SPAN class="punctuation token">.</SPAN>itemClickHandler <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> props<SPAN class="punctuation token">.</SPAN>item<SPAN class="punctuation token">.</SPAN>title<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN> desc<SPAN class="punctuation token">,</SPAN> author<SPAN class="punctuation token">,</SPAN> widget_1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">tsx</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"div"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="keyword token">class</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"open-out-container"</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> widget_1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">tsx</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"a"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="keyword token">class</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"open-out-icon btn btn-transparent icon-ui-description"</SPAN><SPAN class="punctuation token">,</SPAN> title<SPAN class="punctuation token">:</SPAN> props<SPAN class="punctuation token">.</SPAN>extItem<SPAN class="punctuation token">,</SPAN> href<SPAN class="punctuation token">:</SPAN> props<SPAN class="punctuation token">.</SPAN>extLink<SPAN class="punctuation token">,</SPAN> style<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"color: "</SPAN> <SPAN class="operator token">+</SPAN> props<SPAN class="punctuation token">.</SPAN>config<SPAN class="punctuation token">.</SPAN>buttonBgColor<SPAN class="punctuation token">,</SPAN> key<SPAN class="punctuation token">:</SPAN> props<SPAN class="punctuation token">.</SPAN>item<SPAN class="punctuation token">.</SPAN>title <SPAN class="operator token">+</SPAN> <SPAN class="string token">"-info-icon"</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN> widget_1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">tsx</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"a"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="keyword token">class</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"open-out-icon btn btn-transparent icon-ui-maximize"</SPAN><SPAN class="punctuation token">,</SPAN> title<SPAN class="punctuation token">:</SPAN> props<SPAN class="punctuation token">.</SPAN>extTitle<SPAN class="punctuation token">,</SPAN> href<SPAN class="punctuation token">:</SPAN> props<SPAN class="punctuation token">.</SPAN>maxLink<SPAN class="punctuation token">,</SPAN> style<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"color: "</SPAN> <SPAN class="operator token">+</SPAN> props<SPAN class="punctuation token">.</SPAN>config<SPAN class="punctuation token">.</SPAN>buttonBgColor<SPAN class="punctuation token">,</SPAN> key<SPAN class="punctuation token">:</SPAN> props<SPAN class="punctuation token">.</SPAN>item<SPAN class="punctuation token">.</SPAN>title <SPAN class="operator token">+</SPAN> <SPAN class="string token">"-open-out-icon"</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="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>
Add these css rules to bundle.css
<SPAN class="selector token">.card-desc</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="property token">position</SPAN><SPAN class="punctuation token">:</SPAN> relative<SPAN class="punctuation token">;</SPAN> <SPAN class="property token">text-align</SPAN><SPAN class="punctuation token">:</SPAN> justify<SPAN class="punctuation token">;</SPAN> <SPAN class="property token">margin-right</SPAN><SPAN class="punctuation token">:</SPAN> -1em<SPAN class="punctuation token">;</SPAN> <SPAN class="property token">padding-right</SPAN><SPAN class="punctuation token">:</SPAN> 1em<SPAN class="punctuation token">;</SPAN> <SPAN class="property token">overflow</SPAN><SPAN class="punctuation token">:</SPAN> hidden<SPAN class="punctuation token">;</SPAN> <SPAN class="property token">max-height</SPAN><SPAN class="punctuation token">:</SPAN> 3.6em<SPAN class="punctuation token">;</SPAN> <SPAN class="property token">word-wrap</SPAN><SPAN class="punctuation token">:</SPAN> break-word<SPAN class="punctuation token">;</SPAN> <SPAN class="property token">line-height</SPAN><SPAN class="punctuation token">:</SPAN> 1.2em <SPAN class="important token">!important</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="punctuation token">}</SPAN> <SPAN class="selector token">.card-desc:after</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="property token">content</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">'...'</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="property token">position</SPAN><SPAN class="punctuation token">:</SPAN> absolute<SPAN class="punctuation token">;</SPAN> <SPAN class="property token">right</SPAN><SPAN class="punctuation token">:</SPAN> 15px<SPAN class="punctuation token">;</SPAN> <SPAN class="property token">bottom</SPAN><SPAN class="punctuation token">:</SPAN> 0<SPAN class="punctuation token">;</SPAN> <SPAN class="punctuation token">}</SPAN> <SPAN class="selector token">.card-desc:before</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="comment token">/* points in the end */</SPAN> <SPAN class="property token">content</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">''</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">/* absolute position */</SPAN> <SPAN class="property token">position</SPAN><SPAN class="punctuation token">:</SPAN> absolute<SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">/* set position to right bottom corner of text */</SPAN> <SPAN class="property token">right</SPAN><SPAN class="punctuation token">:</SPAN> 15px<SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">/* set width and height */</SPAN> <SPAN class="property token">width</SPAN><SPAN class="punctuation token">:</SPAN> 1em<SPAN class="punctuation token">;</SPAN> <SPAN class="property token">height</SPAN><SPAN class="punctuation token">:</SPAN> 1em<SPAN class="punctuation token">;</SPAN> <SPAN class="property token">margin-top</SPAN><SPAN class="punctuation token">:</SPAN> 0.2em<SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">/* bg color = bg color under block */</SPAN> <SPAN class="property token">background</SPAN><SPAN class="punctuation token">:</SPAN> white<SPAN class="punctuation token">;</SPAN> <SPAN class="property token">top</SPAN><SPAN class="punctuation token">:</SPAN> 2.4em<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>
Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
