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>
Signed in members can post, follow updates, and more. New here? Register a free account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
