I want to customize my ArcGIS Hub website to allow for a search function in a text box with a background. How would I do this? I'm assuming I would need to use html for this. I would like to do it exactly as the example attached. Thank you.
Alex,
Take a look at these samples: ArcGIS Hub
My best guess is that site was probably created by:
But yes, in short you'll need to modify some CSS/HTML to get that desired effect.
Hi Alex,
It looks like UDOT hosted this semi-transparent image and used it as a background image for a banner card, and then checked the option to show the search bar on the banner card: http://maps.udot.utah.gov/uplan_data/documents/OpenDataPortal/BannerImages/SearchBarBG.png.
Courtney
I was able to achieve this effect with a Banner Card + Text card and CSS.
I dont know how safe/sustainable this approach is, but this is the relevant CSS for the text card
<SPAN class="selector token"><style> div.jumbotron.text-center.ember-view</SPAN> <SPAN class="punctuation token">{</SPAN><SPAN class="property token">background</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="token function">rgba</SPAN><SPAN class="punctuation token">(</SPAN>43,43,43,0.9<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>" <SPAN class="punctuation token">}</SPAN> </style><SPAN class="line-numbers-rows"><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.