conditional tab icons based on field values

Ideas
,
3

Conlan,

How about a template component? This example is based on check box fields. You should be able to adapt it to your solution.

<skuidpage unsavedchangeswarning="" personalizationmode="server" showsidebar="true" useviewportmeta="true" showheader="true">
<models>
    <model id="UIOnlyModel" query="true" createrowifnonefound="true" datasource="Ui-Only" processonclient="true">
        <fields>
            <field id="Ind1" displaytype="BOOLEAN" label="Ind1" ogdisplaytype="TEXT" defaultvaluetype="fieldvalue" defaultvalue="true"></field>
            <field id="Ind2" displaytype="BOOLEAN" label="Ind2" ogdisplaytype="TEXT" defaultvaluetype="fieldvalue" defaultvalue="false"></field>
        </fields>
        <conditions></conditions>
        <actions></actions>
    </model>
</models>
<components>
    <template multiple uniqueid="sk-1OJfGR-136" allowhtml="true" model="UIOnlyModel">
        <contents><style>

table.GeneratedTable {
width: 100%;
background-color: #ffffff;
border-collapse: collapse;
border-width: 5px;
border-color: #ffffff;
border-style: solid;
color: #000000;
cellpadding=“10”;
}
table.GeneratedTable td, table.GeneratedTable th {
border-width: 5px;
border-color: #ffffff;
border-style: solid;
padding: 6px;
font-size: 32px;
color: #ffffff;
valign: middle;
}
table.GeneratedTable thead {
background-color: #ffffff;
}

{{#Ind1}}{{/Ind1}}{{^Ind1}}{{/Ind1}} {{#Ind2}}{{/Ind2}}{{^Ind2}}{{/Ind2}}
http://www.w3.org/1999/xlink"; xlink:href="/resource/skuid __IconsSVG/font-awesome/font-awesome.min.svg#thumbs-o-up"> Step 1 http://www.w3.org/1999/xlink"; xlink:href="/resource/skuid__ IconsSVG/font-awesome/font-awesome.min.svg#thumbs-o-down"> Step 1 http://www.w3.org/1999/xlink"; xlink:href="/resource/skuid __IconsSVG/font-awesome/font-awesome.min.svg#thumbs-o-up"> Step 2 http://www.w3.org/1999/xlink"; xlink:href="/resource/skuid__ IconsSVG/font-awesome/font-awesome.min.svg#thumbs-o-down"> Step 2
{{Ind2}}===true

Thanks,

Bill