topic Re: How to change css classes of the Popup? in ArcGIS JavaScript Maps SDK Questions https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-css-classes-of-the-popup/m-p/393948#M36342 <HTML><HEAD></HEAD><BODY><P>If you use a developer environment in your browser you can look at the CSS and find the classes. For instance, in Chrome I hit 'F12' which opens the developer console. Then in the map I right click the popup on the element I want to change and hit 'Inspect Element'. On the right hand side of the Element tab in the developer console all the classes affecting the pop-up element are listed. You can even change them there to see what happens and decide what you want to alter in your own CSS.</P><P></P><P>However, I have found it very difficult to override esri classes, for reasons I still don't understand. It's a good place to start though.</P></BODY></HTML> Fri, 03 Oct 2014 23:15:11 GMT Anonymous User 2014-10-03T23:15:11Z How to change css classes of the Popup? https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-css-classes-of-the-popup/m-p/393946#M36340 <HTML><HEAD></HEAD><BODY><P>How can we make changes to the look and feel of the popup? e.g. In following link, I don't want to show Maximize button, I want to keep balloon arrow longer, I want to change background color of the popup etc.</P><P></P><P><A href="http://developers.arcgis.com/javascript/samples/popup_relatedrecords/" title="http://developers.arcgis.com/javascript/samples/popup_relatedrecords/">Popups with related records</A> </P><P></P><P>I don't have map related CSS (esri.css, claro.css etc) in my environment, I download them on-the-fly when user views the map. Where can I find CSS classes of the popup?</P></BODY></HTML> Fri, 03 Oct 2014 15:38:47 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-css-classes-of-the-popup/m-p/393946#M36340 BhavinSanghani 2014-10-03T15:38:47Z Re: How to change css classes of the Popup? https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-css-classes-of-the-popup/m-p/393947#M36341 <HTML><HEAD></HEAD><BODY><P>I haven't done a whole lot of this, but you're better of starting with this example:</P><P><A href="https://developers.arcgis.com/javascript/jshelp/intro_customizepopup.html" title="https://developers.arcgis.com/javascript/jshelp/intro_customizepopup.html">Customize popup | Guide | ArcGIS API for JavaScript</A> </P><P></P><P>It isn't all CSS, there are also some sprite images involved that you'd have to edit.</P></BODY></HTML> Fri, 03 Oct 2014 19:55:07 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-css-classes-of-the-popup/m-p/393947#M36341 TracySchloss 2014-10-03T19:55:07Z Re: How to change css classes of the Popup? https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-css-classes-of-the-popup/m-p/393948#M36342 <HTML><HEAD></HEAD><BODY><P>If you use a developer environment in your browser you can look at the CSS and find the classes. For instance, in Chrome I hit 'F12' which opens the developer console. Then in the map I right click the popup on the element I want to change and hit 'Inspect Element'. On the right hand side of the Element tab in the developer console all the classes affecting the pop-up element are listed. You can even change them there to see what happens and decide what you want to alter in your own CSS.</P><P></P><P>However, I have found it very difficult to override esri classes, for reasons I still don't understand. It's a good place to start though.</P></BODY></HTML> Fri, 03 Oct 2014 23:15:11 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-css-classes-of-the-popup/m-p/393948#M36342 Anonymous User 2014-10-03T23:15:11Z