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;
}
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 |
Thanks,
Bill