Search Bar Styling

1457
13
Jump to solution
01-04-2018 02:48 PM
BrandonPrice
Occasional Contributor

Does anyone know the css styling to get this to show over the buttons? I already tried applying various z-indexes to certain classes but none worked.

Thanks,

Brandon

https://community.esri.com/community/developers/web-developers/arcgis-api-for-javascript?sr=search&s...

https://community.esri.com/groups/web-appbuilder-custom-themes?sr=search&searchId=907e281e-76ec-43a7...

Tags (3)
0 Kudos
13 Replies
BrandonPrice
Occasional Contributor

Thanks Ricky. I think Robert was right. It is something with the other buttons and the way I have them styled. That’s why I just moved the suggestions box over.

0 Kudos
BrandonPrice
Occasional Contributor

I haven't been posting in this space recently because I gave up. Looks more active now based on the screenshot. I will try posting this site again in the future.

0 Kudos
AlisonSizer
New Contributor III

Hi Brandon,

Are you sure your custom buttons are within the map's container? The search and location buttons have been added to map.container, and a quick rearranging of those buttons shows the search result dropdown will hide the location button. If you inspect the html of your page, your custom buttons should be siblings of these buttons.

Here is where the location button is being added:

storymap-journal/MapCommand.js at master · Esri/storymap-journal · GitHub 

and where the search itself is being added:

storymap-journal/Geocoder.js at master · Esri/storymap-journal · GitHub 

Here is a screenshot of the rearranged buttons, and the search results covering the button below it:

If your app is publicly available, or if you just want to shoot one of the members of the Story Maps team an email with its location so you don't have to post it here, we could take a look at it for you. 

As Owen mentioned, the Story Maps team really does try to be responsive to our space on GeoNet. I hope you feel like you can post Story Maps related questions to our space in the future.

Alison

Story Maps dev

BrandonPrice
Occasional Contributor

Thanks Alison. I posted multiple times a few months ago and got several no responses. Maybe the community is more active now. I will try this space again. My map app is not public. What is the email for the story maps team just so have it in the future?

My buttons I don't think are in the map's container. I am using the story map tabbed series. I am not sure how to place them in the container. I have them in: 

<div id="mainStagePanelInner">
<!-- Maps and media are injected here -->

<div class="medias">

0 Kudos