topic ArcGIS Hub Search function in a text layout? in ArcGIS Hub Questions

ArcGIS Hub Search function in a text layout?

DWR_AlexMccomb — Mon, 19 Feb 2018 00:43:42 GMT

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.

Re: ArcGIS Hub Search function in a text layout?

Anonymous User — Tue, 20 Feb 2018 16:03:39 GMT

Alex,

Take a look at these samples: ArcGIS Hub

My best guess is that site was probably created by:

simple row and background image
a search card and text card
combination of the first sample in the above link and search bar customization.

But yes, in short you'll need to modify some CSS/HTML to get that desired effect.

Re: ArcGIS Hub Search function in a text layout?

CourtneyClaessens — Tue, 20 Feb 2018 19:31:37 GMT

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

Re: ArcGIS Hub Search function in a text layout?

Anonymous User — Sat, 11 Dec 2021 22:56:06 GMT

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

<style>
div.jumbotron.text-center.ember-view {background: rgba(43,43,43,0.9);"  }
</style>‍‍‍