title: How to Add an Icon to a List of Views in Adobe Flex Mobile Project
body: <p>I would like to add an Icon to a list of views in my flex mobile project. I am not sure of how to approach this. Here is the line of code, and below it is an image of the view. </p>
  
  <pre><code>        &lt;s:List id="calcList" width="100%" height="98%" alternatingItemColors="[#0099999,#990000]"
              change="calcList_changeHandler(event)" color="#FFFAF0" contentBackgroundColor="#fffdd0"
              fontWeight="normal" labelField="name" textAlign="left" &gt;
  
  
          &lt;s:dataProvider&gt;
  
              &lt;s:ArrayCollection id="calcListCollection"&gt;  
                  &lt;fx:Object viewID="A1c" name="A1c " category="Medical"/&gt;
                  &lt;fx:Object viewID="BMI" name="BMI " category="Fitness"/&gt;
                  &lt;fx:Object viewID="GPA" name="GPA " category="Education"/&gt;
                  &lt;fx:Object viewID="Tip" name="Tip " category="Personal" /&gt;
  
  
              &lt;/s:ArrayCollection&gt;
          &lt;/s:dataProvider&gt;
      &lt;/s:List&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/jnVQ5.png" alt="enter image description here"></p>