nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

popup window close, next, previous buttons not showing

ConnieLeung

Hi,

Following this example, I call the popup window to show the identify results. However, my popup window does not show close, next record and previous record buttons. See screen below

[ATTACH=CONFIG]16716[/ATTACH]

I've reference the stylesheets in the body tag
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/dojo/dijit/themes/claro/claro.css">
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/esri/dijit/css/Popup.css">

but seems like the css is not being picked up.

Any suggestions what I should do?

Thanks,
Connie

popup.PNG

Neal_t_k_1-1780329531861.png

Vind meer berichten getagd met

Accepted answers

StephenLead

Hi Connie,

Have you followed all of the steps listed in the Working With Popups help file?

Try installing Firefox and Firebug, which will allow you to inspect the CSS which is being used on the popup.

Steve

All comments

StephenLead

ConnieLeung

Steve,

Thanks for your suggestions. After inspecting the css, I noticed that the titlePanel does not have a height (not sure why). I hard coded it to a fixed value in order for it to work.

Thanks,
Connie

BillShockley

Hi,

Following this example, I call the popup window to show the identify results. However, my popup window does not show close, next record and previous record buttons. See screen below

[ATTACH=CONFIG]16716[/ATTACH]

I've reference the stylesheets in the body tag
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/dojo/dijit/themes/claro/claro.css">
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/esri/dijit/css/Popup.css">

but seems like the css is not being picked up.

Any suggestions what I should do?

Thanks,
Connie

I think that the problem is that its not finding what is called the sprite or popup.png image. in the popup.css:

http://serverapi.arcgisonline.com/jsapi/arcgis/3.1/js/esri/dijit/css/Popup.css

there is a reference in it:

background: url(../images/popup.png)

Go here:
http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples_start.htm#jssamples/fl_popup.html

and follow these instructions:

'This sample customizes the look of the popup applying a custom theme. You can download the sprite here and modify it to fit your applcations color scheme. View the Working with Popups help topic for additional details on customizing the popup appearance.'

you will need an image directory to get it completed.
I hope this helps and makes sense.

StephenLead

Great point, Bill

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.