<?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 Survey123 div style conditional formatting in ArcGIS Survey123 Questions</title>
    <link>https://community.esri.com/t5/arcgis-survey123-questions/survey123-div-style-conditional-formatting/m-p/1218024#M45106</link>
    <description>&lt;P&gt;I am working with several surveys that I need to enable conditional formatting on question backgrounds depending on whether the question equals another field or not. This works great in the past using a blog from Esri UK regarding body background tags (&lt;A href="https://www.esriuk.com/en-gb/news/we-talk-tech/survey123-dynamic-colouring-and-advanced-summary-page" target="_blank"&gt;https://www.esriuk.com/en-gb/news/we-talk-tech/survey123-dynamic-colouring-and-advanced-summary-page&lt;/A&gt;). Now, as we all know, everything changed about how to use HTML tags within Survey123. In an attempt to update the workflow, I am changing the syntax from something like this:&lt;/P&gt;&lt;TABLE border="1" width="100%"&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;name&lt;/TD&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;label&lt;/TD&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;calculation&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;CURRENTLANEWIDTH&lt;/TD&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;Current Lane Width&lt;/TD&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;&amp;nbsp;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%" height="91px"&gt;LANE_WIDTH&lt;/TD&gt;&lt;TD width="33.333333333333336%" height="91px"&gt;&lt;FONT color="#FF0000"&gt;&amp;lt;body bgcolor=${fieldBG2}&amp;gt;&amp;lt;font color="black"&amp;gt;&amp;lt;b&amp;gt;Lane Width (${CURRENTLANEWIDTH} ft)&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;/body&amp;gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;TD width="33.333333333333336%" height="91px"&gt;&amp;nbsp;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;changeDetect2&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;Change Detection&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;if(${CURRENTLANEWIDTH} = ${LANE_WIDTH},'0','1')&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;fieldBG2&lt;/TD&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;&amp;nbsp;&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;if(selected(${changeDetect2}, '1'), "#ff7373",if(selected(${changeDetect2}, '0'), '#5ac18e','#E7E7E7'))&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;To this using div tags. Works great in the app, but the browser version fails epically.&lt;/P&gt;&lt;TABLE border="1" width="100%"&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%"&gt;name&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;label&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;calculation&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%"&gt;CURRENTLANEWIDTH&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;Current Lane Width&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;&amp;nbsp;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%"&gt;LANE_WIDTH&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;&lt;FONT color="#FF0000"&gt;&amp;lt;div style="font-weight:bold; color:#000000;background-color: ${fieldBG2}";&amp;gt;Lane Width (${CURRENTLANEWIDTH})&amp;lt;/div&amp;gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;&amp;nbsp;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%"&gt;changeDetect2&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;Change Detection&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;if(${CURRENTLANEWIDTH} = ${LANE_WIDTH},'0','1')&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%"&gt;fieldBG2&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;&amp;nbsp;&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;if(selected(${changeDetect2}, '1'), "#ff7373",if(selected(${changeDetect2}, '0'), '#5ac18e','#E7E7E7'))&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;How can div statements be used now with conditional formatting?&lt;/P&gt;</description>
    <pubDate>Fri, 30 Sep 2022 20:40:25 GMT</pubDate>
    <dc:creator>Anonymous User</dc:creator>
    <dc:date>2022-09-30T20:40:25Z</dc:date>
    <item>
      <title>Survey123 div style conditional formatting</title>
      <link>https://community.esri.com/t5/arcgis-survey123-questions/survey123-div-style-conditional-formatting/m-p/1218024#M45106</link>
      <description>&lt;P&gt;I am working with several surveys that I need to enable conditional formatting on question backgrounds depending on whether the question equals another field or not. This works great in the past using a blog from Esri UK regarding body background tags (&lt;A href="https://www.esriuk.com/en-gb/news/we-talk-tech/survey123-dynamic-colouring-and-advanced-summary-page" target="_blank"&gt;https://www.esriuk.com/en-gb/news/we-talk-tech/survey123-dynamic-colouring-and-advanced-summary-page&lt;/A&gt;). Now, as we all know, everything changed about how to use HTML tags within Survey123. In an attempt to update the workflow, I am changing the syntax from something like this:&lt;/P&gt;&lt;TABLE border="1" width="100%"&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;name&lt;/TD&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;label&lt;/TD&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;calculation&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;CURRENTLANEWIDTH&lt;/TD&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;Current Lane Width&lt;/TD&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;&amp;nbsp;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%" height="91px"&gt;LANE_WIDTH&lt;/TD&gt;&lt;TD width="33.333333333333336%" height="91px"&gt;&lt;FONT color="#FF0000"&gt;&amp;lt;body bgcolor=${fieldBG2}&amp;gt;&amp;lt;font color="black"&amp;gt;&amp;lt;b&amp;gt;Lane Width (${CURRENTLANEWIDTH} ft)&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;/body&amp;gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;TD width="33.333333333333336%" height="91px"&gt;&amp;nbsp;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;changeDetect2&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;Change Detection&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;if(${CURRENTLANEWIDTH} = ${LANE_WIDTH},'0','1')&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;fieldBG2&lt;/TD&gt;&lt;TD width="33.333333333333336%" height="25px"&gt;&amp;nbsp;&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;if(selected(${changeDetect2}, '1'), "#ff7373",if(selected(${changeDetect2}, '0'), '#5ac18e','#E7E7E7'))&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;To this using div tags. Works great in the app, but the browser version fails epically.&lt;/P&gt;&lt;TABLE border="1" width="100%"&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%"&gt;name&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;label&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;calculation&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%"&gt;CURRENTLANEWIDTH&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;Current Lane Width&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;&amp;nbsp;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%"&gt;LANE_WIDTH&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;&lt;FONT color="#FF0000"&gt;&amp;lt;div style="font-weight:bold; color:#000000;background-color: ${fieldBG2}";&amp;gt;Lane Width (${CURRENTLANEWIDTH})&amp;lt;/div&amp;gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;&amp;nbsp;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%"&gt;changeDetect2&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;Change Detection&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;if(${CURRENTLANEWIDTH} = ${LANE_WIDTH},'0','1')&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD width="33.333333333333336%"&gt;fieldBG2&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;&amp;nbsp;&lt;/TD&gt;&lt;TD width="33.333333333333336%"&gt;if(selected(${changeDetect2}, '1'), "#ff7373",if(selected(${changeDetect2}, '0'), '#5ac18e','#E7E7E7'))&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;How can div statements be used now with conditional formatting?&lt;/P&gt;</description>
      <pubDate>Fri, 30 Sep 2022 20:40:25 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-survey123-questions/survey123-div-style-conditional-formatting/m-p/1218024#M45106</guid>
      <dc:creator>Anonymous User</dc:creator>
      <dc:date>2022-09-30T20:40:25Z</dc:date>
    </item>
    <item>
      <title>Re: Survey123 div style conditional formatting</title>
      <link>https://community.esri.com/t5/arcgis-survey123-questions/survey123-div-style-conditional-formatting/m-p/1218067#M45114</link>
      <description>&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-center" image-alt="Colors.gif" style="width: 999px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/52679iEDB5357D2BD69691/image-size/large?v=v2&amp;amp;px=999" role="button" title="Colors.gif" alt="Colors.gif" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;Epic XLSForm attached.&lt;/P&gt;</description>
      <pubDate>Sat, 01 Oct 2022 00:51:29 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-survey123-questions/survey123-div-style-conditional-formatting/m-p/1218067#M45114</guid>
      <dc:creator>IsmaelChivite</dc:creator>
      <dc:date>2022-10-01T00:51:29Z</dc:date>
    </item>
    <item>
      <title>Re: Survey123 div style conditional formatting</title>
      <link>https://community.esri.com/t5/arcgis-survey123-questions/survey123-div-style-conditional-formatting/m-p/1218280#M45126</link>
      <description>&lt;P&gt;&lt;a href="https://community.esri.com/t5/user/viewprofilepage/user-id/2929"&gt;@IsmaelChivite&lt;/a&gt;&amp;nbsp;This works for me. Thank you.&lt;/P&gt;</description>
      <pubDate>Mon, 03 Oct 2022 15:14:25 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-survey123-questions/survey123-div-style-conditional-formatting/m-p/1218280#M45126</guid>
      <dc:creator>Anonymous User</dc:creator>
      <dc:date>2022-10-03T15:14:25Z</dc:date>
    </item>
  </channel>
</rss>

