<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Use esri css classes in customised popup in ArcGIS Online Questions</title>
    <link>https://community.esri.com/t5/arcgis-online-questions/use-esri-css-classes-in-customised-popup/m-p/54679#M2648</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hello,&lt;/P&gt;&lt;P&gt;I'm trying to configure the popup with a "custom attribute display" for one layer in my webmap, with the same layout as the default (from jsapi-map.css), something like:&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;table&amp;nbsp; class="attrTable" cellspacing="0px" cellpadding="0px"&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;tbody&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;tr valign="top"&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;td class="attrName"&amp;gt;&amp;lt;b&amp;gt;Size in Hectare&amp;lt;/b&amp;gt;&amp;lt;/td&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;td class="attrValue"&amp;gt;&amp;lt;b&amp;gt;{Area_Ha}&amp;lt;/td&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;/tr&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;tr valign="top"&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;td class="attrName"&amp;gt;Area used in Ha&amp;lt;/td&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;td class="attrValue"&amp;gt;{AreaHaUsed}&amp;lt;/td&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;/tr&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;tr valign="top"&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;td class="attrName"&amp;gt;&amp;lt;b&amp;gt;Unique Parcel ID&amp;lt;/b&amp;gt;&amp;lt;/td&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;td class="attrValue"&amp;gt;&amp;lt;b&amp;gt;{UPI}&amp;lt;/b&amp;gt;&amp;lt;/td&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;/tr&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;/tbody&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;/table&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;Now what happens: I can save that, save the map and it looks good as expected. Yet when I reload the map, all the css classes are gone. Is this the expected behaviour or is it a bug? If it's expected, is there a way to use these classes in a customised popup? See screenshots.&lt;/P&gt;&lt;P&gt;Thanks for any hint,&lt;/P&gt;&lt;P&gt;Annina&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Tue, 14 Jun 2016 11:35:53 GMT</pubDate>
    <dc:creator>AnninaHirschi_Wyss1</dc:creator>
    <dc:date>2016-06-14T11:35:53Z</dc:date>
    <item>
      <title>Use esri css classes in customised popup</title>
      <link>https://community.esri.com/t5/arcgis-online-questions/use-esri-css-classes-in-customised-popup/m-p/54679#M2648</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hello,&lt;/P&gt;&lt;P&gt;I'm trying to configure the popup with a "custom attribute display" for one layer in my webmap, with the same layout as the default (from jsapi-map.css), something like:&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;table&amp;nbsp; class="attrTable" cellspacing="0px" cellpadding="0px"&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;tbody&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;tr valign="top"&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;td class="attrName"&amp;gt;&amp;lt;b&amp;gt;Size in Hectare&amp;lt;/b&amp;gt;&amp;lt;/td&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;td class="attrValue"&amp;gt;&amp;lt;b&amp;gt;{Area_Ha}&amp;lt;/td&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;/tr&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;tr valign="top"&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;td class="attrName"&amp;gt;Area used in Ha&amp;lt;/td&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;td class="attrValue"&amp;gt;{AreaHaUsed}&amp;lt;/td&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;/tr&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;tr valign="top"&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;td class="attrName"&amp;gt;&amp;lt;b&amp;gt;Unique Parcel ID&amp;lt;/b&amp;gt;&amp;lt;/td&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;td class="attrValue"&amp;gt;&amp;lt;b&amp;gt;{UPI}&amp;lt;/b&amp;gt;&amp;lt;/td&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;/tr&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;/tbody&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;SPAN style="font-size: 8pt; font-family: courier new,courier;"&gt;&amp;lt;/table&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;Now what happens: I can save that, save the map and it looks good as expected. Yet when I reload the map, all the css classes are gone. Is this the expected behaviour or is it a bug? If it's expected, is there a way to use these classes in a customised popup? See screenshots.&lt;/P&gt;&lt;P&gt;Thanks for any hint,&lt;/P&gt;&lt;P&gt;Annina&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 14 Jun 2016 11:35:53 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-online-questions/use-esri-css-classes-in-customised-popup/m-p/54679#M2648</guid>
      <dc:creator>AnninaHirschi_Wyss1</dc:creator>
      <dc:date>2016-06-14T11:35:53Z</dc:date>
    </item>
    <item>
      <title>Re: Use esri css classes in customised popup</title>
      <link>https://community.esri.com/t5/arcgis-online-questions/use-esri-css-classes-in-customised-popup/m-p/54680#M2649</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;AGO might have strict styling rules like any other CMS, so that might be why it is dropping your classes.&amp;nbsp; See what happens if you do the styling inline.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 14 Jun 2016 11:58:29 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-online-questions/use-esri-css-classes-in-customised-popup/m-p/54680#M2649</guid>
      <dc:creator>FC_Basson</dc:creator>
      <dc:date>2016-06-14T11:58:29Z</dc:date>
    </item>
    <item>
      <title>Re: Use esri css classes in customised popup</title>
      <link>https://community.esri.com/t5/arcgis-online-questions/use-esri-css-classes-in-customised-popup/m-p/54681#M2650</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;That's what I tried next, and it worked like that:&lt;/P&gt;&lt;P&gt;&amp;lt;td style="color: #888888; padding-right: 5px;"&amp;gt;Size in Ha&amp;lt;/td&amp;gt;&lt;/P&gt;&lt;P&gt;Nevertheless, the system should accept it's own classes...&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Wed, 15 Jun 2016 06:31:52 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-online-questions/use-esri-css-classes-in-customised-popup/m-p/54681#M2650</guid>
      <dc:creator>AnninaHirschi_Wyss1</dc:creator>
      <dc:date>2016-06-15T06:31:52Z</dc:date>
    </item>
  </channel>
</rss>

