<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>http://ab.edge-technologies.com/docs/index.php?action=history&amp;feed=atom&amp;title=Appboard%2F2.4%2Fbuilder%2Fwidgets%2Ficon_list</id>
	<title>Appboard/2.4/builder/widgets/icon list - Revision history</title>
	<link rel="self" type="application/atom+xml" href="http://ab.edge-technologies.com/docs/index.php?action=history&amp;feed=atom&amp;title=Appboard%2F2.4%2Fbuilder%2Fwidgets%2Ficon_list"/>
	<link rel="alternate" type="text/html" href="http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.4/builder/widgets/icon_list&amp;action=history"/>
	<updated>2026-05-13T22:09:42Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.38.4</generator>
	<entry>
		<id>http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.4/builder/widgets/icon_list&amp;diff=4321&amp;oldid=prev</id>
		<title>imported&gt;Jason.nicholls: /* Status Shape Rules */</title>
		<link rel="alternate" type="text/html" href="http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.4/builder/widgets/icon_list&amp;diff=4321&amp;oldid=prev"/>
		<updated>2014-07-17T17:37:26Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Status Shape Rules&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 17:37, 17 July 2014&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l70&quot;&gt;Line 70:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 70:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Status Shape Rules ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Status Shape Rules ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;In many Widgets, Colored Shape Filter options are provided so that the user can create rules that apply to their data that determine the different Status Shapes that will be displayed for each data record.  For detailed information on creating these filter rules, see [[&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Colored_Shape_Filter&lt;/del&gt;|Colored Shape Filter]].&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;In many Widgets, Colored Shape Filter options are provided so that the user can create rules that apply to their data that determine the different Status Shapes that will be displayed for each data record.  For detailed information on creating these filter rules, see [[&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;appboard/2.4/builder/colored_shape_filter&lt;/ins&gt;|Colored Shape Filter]].&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>imported&gt;Jason.nicholls</name></author>
	</entry>
	<entry>
		<id>http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.4/builder/widgets/icon_list&amp;diff=4320&amp;oldid=prev</id>
		<title>imported&gt;Jason.nicholls at 08:30, 14 December 2013</title>
		<link rel="alternate" type="text/html" href="http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.4/builder/widgets/icon_list&amp;diff=4320&amp;oldid=prev"/>
		<updated>2013-12-14T08:30:00Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 08:30, 14 December 2013&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;Line 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{DISPLAYTITLE:Icon List Widget}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{DISPLAYTITLE:Icon List Widget}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[[Category:AppBoard 2.4]]&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Sample Data ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Sample Data ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Instructions for bringing sample chart data into AppBoard can be found here: [[Sample_Chart_Data|Sample Chart Data]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Instructions for bringing sample chart data into AppBoard can be found here: [[Sample_Chart_Data|Sample Chart Data]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>imported&gt;Jason.nicholls</name></author>
	</entry>
	<entry>
		<id>http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.4/builder/widgets/icon_list&amp;diff=4319&amp;oldid=prev</id>
		<title>imported&gt;Jason.nicholls: /* Layout */</title>
		<link rel="alternate" type="text/html" href="http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.4/builder/widgets/icon_list&amp;diff=4319&amp;oldid=prev"/>
		<updated>2013-09-04T17:02:34Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Layout&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 17:02, 4 September 2013&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l31&quot;&gt;Line 31:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 31:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Cover Flow&amp;#039;&amp;#039;&amp;#039;: A horizontal layout that does not wrap.  This layout will scroll from left to right.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Cover Flow&amp;#039;&amp;#039;&amp;#039;: A horizontal layout that does not wrap.  This layout will scroll from left to right.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:IconList_Layout.png|Sample Icon List Layout]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:IconList_Layout.png&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;|750px&lt;/ins&gt;|Sample Icon List Layout]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Label Orientation ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Label Orientation ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>imported&gt;Jason.nicholls</name></author>
	</entry>
	<entry>
		<id>http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.4/builder/widgets/icon_list&amp;diff=4318&amp;oldid=prev</id>
		<title>imported&gt;Jason.nicholls: Created page with &#039;{{DISPLAYTITLE:Icon List Widget}} == Sample Data == Instructions for bringing sample chart data into AppBoard can be found here: Sample Chart Data  == Addin…&#039;</title>
		<link rel="alternate" type="text/html" href="http://ab.edge-technologies.com/docs/index.php?title=Appboard/2.4/builder/widgets/icon_list&amp;diff=4318&amp;oldid=prev"/>
		<updated>2013-09-04T17:02:22Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;#039;{{DISPLAYTITLE:Icon List Widget}} == Sample Data == Instructions for bringing sample chart data into AppBoard can be found here: &lt;a href=&quot;/docs/index.php/Sample_Chart_Data&quot; title=&quot;Sample Chart Data&quot;&gt;Sample Chart Data&lt;/a&gt;  == Addin…&amp;#039;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;{{DISPLAYTITLE:Icon List Widget}}&lt;br /&gt;
== Sample Data ==&lt;br /&gt;
Instructions for bringing sample chart data into AppBoard can be found here: [[Sample_Chart_Data|Sample Chart Data]]&lt;br /&gt;
&lt;br /&gt;
== Adding a Icon List Widget ==&lt;br /&gt;
&lt;br /&gt;
Click &amp;quot;Add Widget&amp;quot; in the tool palette on the left.  If &amp;quot;Add Widget&amp;quot; is disabled, refer to the &amp;quot;Adding a Stack&amp;quot; section.   &lt;br /&gt;
# Enter a name for the Widget&lt;br /&gt;
# Select Icon List Widget&lt;br /&gt;
# Select the Board you&amp;#039;d like the Status List Widget to appear on.&lt;br /&gt;
# Select &amp;quot;OK&amp;quot;.&lt;br /&gt;
&lt;br /&gt;
== Data Collection ==&lt;br /&gt;
Select a Data Collection that contains the information you&amp;#039;d like to use for this pie chart.&lt;br /&gt;
* Click the &amp;quot;Data Collection&amp;quot; pulldown, then select from the list of available Data Collections.&lt;br /&gt;
* If you do not see any Data Collections, refer to the [[appboard/2.4/builder/data_collections|Add/Edit/Remove a Data Collection]].&lt;br /&gt;
* Selecting a Data Collection will populate the other options in the Data Section.&lt;br /&gt;
&lt;br /&gt;
 The samples below were created with the data collection Sample.Data.OSData.&lt;br /&gt;
&lt;br /&gt;
== Label Field ==&lt;br /&gt;
Select a field of interest from the Data Collection that this Status List Widget would visualize. &lt;br /&gt;
* Click the &amp;quot;Label Field&amp;quot; pulldown, and then select an item from the list.&lt;br /&gt;
 If you&amp;#039;re using Sample.Data.OSData, then select &amp;quot;OS&amp;quot; as the label field&lt;br /&gt;
&lt;br /&gt;
== Layout ==&lt;br /&gt;
Determines how the list items will be rendered.  Layout Options include:&lt;br /&gt;
&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Flow&amp;#039;&amp;#039;&amp;#039;: A horizontal layout that wraps when it runs out of space.  This layout will scroll vertically if needed.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Vertical&amp;#039;&amp;#039;&amp;#039;: A vertical layout that scrolls vertically when needed. &lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Cover Flow&amp;#039;&amp;#039;&amp;#039;: A horizontal layout that does not wrap.  This layout will scroll from left to right. &lt;br /&gt;
&lt;br /&gt;
[[Image:IconList_Layout.png|Sample Icon List Layout]]&lt;br /&gt;
&lt;br /&gt;
== Label Orientation ==&lt;br /&gt;
Controls whether the labels show up on the bottom or to the right of the icon.&lt;br /&gt;
&lt;br /&gt;
== Icon Size ==&lt;br /&gt;
This allows you to set how big the icons in the list will be.  &lt;br /&gt;
* Raster Icons will loose image fidelity when scaled up or down, so make sure you set the icon size so that it matches the images your using in your list.&lt;br /&gt;
&lt;br /&gt;
== Default Status Values ==&lt;br /&gt;
=== Default Color ===&lt;br /&gt;
This sets the default color for the status shapes in this list.  The default color will be overwritten by any Status Rules that are applicable.&lt;br /&gt;
&lt;br /&gt;
=== Default Shape ===&lt;br /&gt;
This sets the default shape for the status shapes in this list.  The default color will be overwritten by any Status Rules that are applicable.&lt;br /&gt;
&lt;br /&gt;
== Icon Rules ==&lt;br /&gt;
&lt;br /&gt;
===  Use Icon from Library ===&lt;br /&gt;
This option allows you to select from stock images that ship with AppBoard.  If you want to use your own custom images, use the option.&lt;br /&gt;
&lt;br /&gt;
=== Retrieve Icon URL from Property ===&lt;br /&gt;
This option allows you to select a field in your Data Collection that contains a relative or absolute URL to an Icon.  Supported formats are JPG, PNG, and GIF.&lt;br /&gt;
&lt;br /&gt;
# Save image into location on server&lt;br /&gt;
#* Example: /server/webapps/enportal/visualizer/assets/custom/images/myImage.jpg&lt;br /&gt;
# Create field in data that contains location of image&lt;br /&gt;
#* Example: &amp;quot;URL&amp;quot; Field (String) containing the value: /enportal/visualizer/assets/custom/images/myImage.jpg&lt;br /&gt;
# In the Icon Filter Rules configuration, select &amp;#039;&amp;#039;&amp;#039;Icon Location&amp;#039;&amp;#039;&amp;#039; = &amp;quot;From Property&amp;quot; and &amp;#039;&amp;#039;&amp;#039;URL Attribute&amp;#039;&amp;#039;&amp;#039; = &amp;quot;URL&amp;quot;&lt;br /&gt;
&lt;br /&gt;
 If you&amp;#039;re using Sample.Data.OSData, then set up the following rules:&lt;br /&gt;
  Rule 1: Select the &amp;quot;Windows&amp;quot; icon from the pulldown, then set OS = Windows&lt;br /&gt;
  Rule 2: Select the &amp;quot;Apple&amp;quot; icon from the pulldown, then set OS = Mac&lt;br /&gt;
  Rule 3: Select the &amp;quot;Linux&amp;quot; icon from the pulldown, then set OS = Linux&lt;br /&gt;
 &lt;br /&gt;
[[Image:IconList_Sample.png|Sample Icon List]]&lt;br /&gt;
&lt;br /&gt;
== Status Shape Rules ==&lt;br /&gt;
In many Widgets, Colored Shape Filter options are provided so that the user can create rules that apply to their data that determine the different Status Shapes that will be displayed for each data record.  For detailed information on creating these filter rules, see [[Colored_Shape_Filter|Colored Shape Filter]].&lt;/div&gt;</summary>
		<author><name>imported&gt;Jason.nicholls</name></author>
	</entry>
</feed>