https://www.flowcode.co.uk/wiki/index.php?action=history&feed=atom&title=Component%3A_Circular_Knob_for_v10_%28Development%29 Component: Circular Knob for v10 (Development) - Revision history 2026-08-04T16:22:26Z Revision history for this page on the wiki MediaWiki 1.46.0 https://www.flowcode.co.uk/wiki/index.php?title=Component:_Circular_Knob_for_v10_(Development)&diff=47963&oldid=prev SteveT: Text replacement - "style="background-color:#EAE1EA;"" to "class="mtx-class-propfolder"" 2026-07-13T14:37:01Z <p>Text replacement - &quot;style=&quot;background-color:#EAE1EA;&quot;&quot; to &quot;class=&quot;mtx-class-propfolder&quot;&quot;</p> <table style="background-color: #fff; color: #202122;" data-mw-interface=""> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 14:37, 13 July 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l70">Line 70:</td> <td colspan="2" class="diff-lineno">Line 70:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="10%" align="center" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#EAE1EA;</del>" | [[File:Fc9-conn-icon.png]]</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="10%" align="center" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-propfolder</ins>" | [[File:Fc9-conn-icon.png]]</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; class=&quot;mtx-class-propfolder&quot; | Data</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; class=&quot;mtx-class-propfolder&quot; | Data</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l89">Line 89:</td> <td colspan="2" class="diff-lineno">Line 89:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| colspan=&quot;2&quot; | The number of value updates before a redraw is forced (0 = no redraws)&amp;nbsp;</div></td><td class="diff-marker"></td><td style="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;"><div>| colspan=&quot;2&quot; | The number of value updates before a redraw is forced (0 = no redraws)&amp;nbsp;</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="10%" align="center" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#EAE1EA;</del>" | [[File:Fc9-conn-icon.png]]</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="10%" align="center" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-propfolder</ins>" | [[File:Fc9-conn-icon.png]]</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; class=&quot;mtx-class-propfolder&quot; | Scale</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; class=&quot;mtx-class-propfolder&quot; | Scale</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l133">Line 133:</td> <td colspan="2" class="diff-lineno">Line 133:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| colspan=&quot;2&quot; | &amp;nbsp;</div></td><td class="diff-marker"></td><td style="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;"><div>| colspan=&quot;2&quot; | &amp;nbsp;</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="10%" align="center" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#EAE1EA;</del>" | [[File:Fc9-conn-icon.png]]</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="10%" align="center" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-propfolder</ins>" | [[File:Fc9-conn-icon.png]]</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; class=&quot;mtx-class-propfolder&quot; | Appearance</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; class=&quot;mtx-class-propfolder&quot; | Appearance</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l172">Line 172:</td> <td colspan="2" class="diff-lineno">Line 172:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| colspan=&quot;2&quot; | &amp;nbsp;</div></td><td class="diff-marker"></td><td style="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;"><div>| colspan=&quot;2&quot; | &amp;nbsp;</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="10%" align="center" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#EAE1EA;</del>" | [[File:Fc9-conn-icon.png]]</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="10%" align="center" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-propfolder</ins>" | [[File:Fc9-conn-icon.png]]</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; class=&quot;mtx-class-propfolder&quot; | Pointer</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; class=&quot;mtx-class-propfolder&quot; | Pointer</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l196">Line 196:</td> <td colspan="2" class="diff-lineno">Line 196:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| colspan=&quot;2&quot; | &amp;nbsp;</div></td><td class="diff-marker"></td><td style="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;"><div>| colspan=&quot;2&quot; | &amp;nbsp;</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="10%" align="center" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#EAE1EA;</del>" | [[File:Fc9-conn-icon.png]]</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="10%" align="center" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-propfolder</ins>" | [[File:Fc9-conn-icon.png]]</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; class=&quot;mtx-class-propfolder&quot; | Major Tick</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; class=&quot;mtx-class-propfolder&quot; | Major Tick</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l215">Line 215:</td> <td colspan="2" class="diff-lineno">Line 215:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| colspan=&quot;2&quot; | &amp;nbsp;</div></td><td class="diff-marker"></td><td style="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;"><div>| colspan=&quot;2&quot; | &amp;nbsp;</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="10%" align="center" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#EAE1EA;</del>" | [[File:Fc9-conn-icon.png]]</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="10%" align="center" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-propfolder</ins>" | [[File:Fc9-conn-icon.png]]</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; class=&quot;mtx-class-propfolder&quot; | Minor Tick</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; class=&quot;mtx-class-propfolder&quot; | Minor Tick</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l234">Line 234:</td> <td colspan="2" class="diff-lineno">Line 234:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| colspan=&quot;2&quot; | &amp;nbsp;</div></td><td class="diff-marker"></td><td style="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;"><div>| colspan=&quot;2&quot; | &amp;nbsp;</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="10%" align="center" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#EAE1EA;</del>" | [[File:Fc9-conn-icon.png]]</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="10%" align="center" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-propfolder</ins>" | [[File:Fc9-conn-icon.png]]</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; class=&quot;mtx-class-propfolder&quot; | Coloured Ranges</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; class=&quot;mtx-class-propfolder&quot; | Coloured Ranges</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> </table> SteveT https://www.flowcode.co.uk/wiki/index.php?title=Component:_Circular_Knob_for_v10_(Development)&diff=47066&oldid=prev SteveT: Text replacement - "style="background-color:#EAE1EA; color:#4B008D;"" to "class="mtx-class-propfolder"" 2026-07-13T14:35:48Z <p>Text replacement - &quot;style=&quot;background-color:#EAE1EA; color:#4B008D;&quot;&quot; to &quot;class=&quot;mtx-class-propfolder&quot;&quot;</p> <table style="background-color: #fff; color: #202122;" data-mw-interface=""> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 14:35, 13 July 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l71">Line 71:</td> <td colspan="2" class="diff-lineno">Line 71:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="90%" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#EAE1EA; color:#4B008D;</del>" | Data</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="90%" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-propfolder</ins>" | Data</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l90">Line 90:</td> <td colspan="2" class="diff-lineno">Line 90:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="90%" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#EAE1EA; color:#4B008D;</del>" | Scale</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="90%" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-propfolder</ins>" | Scale</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l134">Line 134:</td> <td colspan="2" class="diff-lineno">Line 134:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="90%" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#EAE1EA; color:#4B008D;</del>" | Appearance</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="90%" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-propfolder</ins>" | Appearance</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l173">Line 173:</td> <td colspan="2" class="diff-lineno">Line 173:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="90%" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#EAE1EA; color:#4B008D;</del>" | Pointer</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="90%" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-propfolder</ins>" | Pointer</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l197">Line 197:</td> <td colspan="2" class="diff-lineno">Line 197:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="90%" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#EAE1EA; color:#4B008D;</del>" | Major Tick</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="90%" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-propfolder</ins>" | Major Tick</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l216">Line 216:</td> <td colspan="2" class="diff-lineno">Line 216:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="90%" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#EAE1EA; color:#4B008D;</del>" | Minor Tick</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="90%" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-propfolder</ins>" | Minor Tick</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l235">Line 235:</td> <td colspan="2" class="diff-lineno">Line 235:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="90%" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#EAE1EA; color:#4B008D;</del>" | Coloured Ranges</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="90%" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-propfolder</ins>" | Coloured Ranges</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> </table> SteveT https://www.flowcode.co.uk/wiki/index.php?title=Component:_Circular_Knob_for_v10_(Development)&diff=46355&oldid=prev SteveT: Text replacement - "width="90%" style="background-color:#D8C9D8; color:#4B008D;"" to "width="90%" class="mtx-class-macrohead"" 2026-07-13T14:23:03Z <p>Text replacement - &quot;width=&quot;90%&quot; style=&quot;background-color:#D8C9D8; color:#4B008D;&quot;&quot; to &quot;width=&quot;90%&quot; class=&quot;mtx-class-macrohead&quot;&quot;</p> <table style="background-color: #fff; color: #202122;" data-mw-interface=""> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 14:23, 13 July 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l32">Line 32:</td> <td colspan="2" class="diff-lineno">Line 32:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; class=&quot;mtx-class-macrohead&quot; | [[File:Fc9-comp-macro.png]]</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; class=&quot;mtx-class-macrohead&quot; | [[File:Fc9-comp-macro.png]]</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="90%" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#D8C9D8; color:#4B008D;</del>" | '''GetValue'''</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="90%" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-macrohead</ins>" | '''GetValue'''</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| colspan=&quot;2&quot; | Returns the current value of the component.&amp;nbsp;</div></td><td class="diff-marker"></td><td style="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;"><div>| colspan=&quot;2&quot; | Returns the current value of the component.&amp;nbsp;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l45">Line 45:</td> <td colspan="2" class="diff-lineno">Line 45:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; class=&quot;mtx-class-macrohead&quot; | [[File:Fc9-comp-macro.png]]</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; class=&quot;mtx-class-macrohead&quot; | [[File:Fc9-comp-macro.png]]</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="90%" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#D8C9D8; color:#4B008D;</del>" | '''SetValue'''</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="90%" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-macrohead</ins>" | '''SetValue'''</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| colspan=&quot;2&quot; | Sets the component to the specified value.&amp;nbsp;</div></td><td class="diff-marker"></td><td style="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;"><div>| colspan=&quot;2&quot; | Sets the component to the specified value.&amp;nbsp;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l67">Line 67:</td> <td colspan="2" class="diff-lineno">Line 67:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; class=&quot;mtx-class-macrohead&quot; | [[File:Fc9-prop-icon.png]]</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; class=&quot;mtx-class-macrohead&quot; | [[File:Fc9-prop-icon.png]]</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="90%" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#D8C9D8; color:#4B008D;</del>" | '''Properties'''  </div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="90%" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-macrohead</ins>" | '''Properties'''  </div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> </table> SteveT https://www.flowcode.co.uk/wiki/index.php?title=Component:_Circular_Knob_for_v10_(Development)&diff=45489&oldid=prev SteveT: Text replacement - "width="10%" align="center" style="background-color:#D8C9D8;"" to "width="10%" align="center" class="mtx-class-macrohead"" 2026-07-13T14:20:57Z <p>Text replacement - &quot;width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#D8C9D8;&quot;&quot; to &quot;width=&quot;10%&quot; align=&quot;center&quot; class=&quot;mtx-class-macrohead&quot;&quot;</p> <table style="background-color: #fff; color: #202122;" data-mw-interface=""> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 14:20, 13 July 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l66">Line 66:</td> <td colspan="2" class="diff-lineno">Line 66:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>{| class=&quot;mtx-class-macrotable wikitable&quot;</div></td><td class="diff-marker"></td><td style="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;"><div>{| class=&quot;mtx-class-macrotable wikitable&quot;</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="10%" align="center" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#D8C9D8;</del>" | [[File:Fc9-prop-icon.png]]</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="10%" align="center" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-macrohead</ins>" | [[File:Fc9-prop-icon.png]]</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; style=&quot;background-color:#D8C9D8; color:#4B008D;&quot; | &#039;&#039;&#039;Properties&#039;&#039;&#039;  </div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; style=&quot;background-color:#D8C9D8; color:#4B008D;&quot; | &#039;&#039;&#039;Properties&#039;&#039;&#039;  </div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> </table> SteveT https://www.flowcode.co.uk/wiki/index.php?title=Component:_Circular_Knob_for_v10_(Development)&diff=44666&oldid=prev SteveT: Text replacement - "width="10%" align="center" style="background-color:#D8C9D8;" align="center"" to "width="10%" align="center" class="mtx-class-macrohead"" 2026-07-13T14:17:04Z <p>Text replacement - &quot;width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#D8C9D8;&quot; align=&quot;center&quot;&quot; to &quot;width=&quot;10%&quot; align=&quot;center&quot; class=&quot;mtx-class-macrohead&quot;&quot;</p> <table style="background-color: #fff; color: #202122;" data-mw-interface=""> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 14:17, 13 July 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l31">Line 31:</td> <td colspan="2" class="diff-lineno">Line 31:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>{| class=&quot;mtx-class-macrotable wikitable&quot;</div></td><td class="diff-marker"></td><td style="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;"><div>{| class=&quot;mtx-class-macrotable wikitable&quot;</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="10%" align="center" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#D8C9D8;" align="center</del>" | [[File:Fc9-comp-macro.png]]</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="10%" align="center" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-macrohead</ins>" | [[File:Fc9-comp-macro.png]]</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; style=&quot;background-color:#D8C9D8; color:#4B008D;&quot; | &#039;&#039;&#039;GetValue&#039;&#039;&#039;</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; style=&quot;background-color:#D8C9D8; color:#4B008D;&quot; | &#039;&#039;&#039;GetValue&#039;&#039;&#039;</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l44">Line 44:</td> <td colspan="2" class="diff-lineno">Line 44:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>{| class=&quot;mtx-class-macrotable wikitable&quot;</div></td><td class="diff-marker"></td><td style="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;"><div>{| class=&quot;mtx-class-macrotable wikitable&quot;</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>| width="10%" align="center" <del style="font-weight: bold; text-decoration: none;">style</del>="<del style="font-weight: bold; text-decoration: none;">background</del>-<del style="font-weight: bold; text-decoration: none;">color:#D8C9D8;" align="center</del>" | [[File:Fc9-comp-macro.png]]</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>| width="10%" align="center" <ins style="font-weight: bold; text-decoration: none;">class</ins>="<ins style="font-weight: bold; text-decoration: none;">mtx</ins>-<ins style="font-weight: bold; text-decoration: none;">class-macrohead</ins>" | [[File:Fc9-comp-macro.png]]</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; style=&quot;background-color:#D8C9D8; color:#4B008D;&quot; | &#039;&#039;&#039;SetValue&#039;&#039;&#039;</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;90%&quot; style=&quot;background-color:#D8C9D8; color:#4B008D;&quot; | &#039;&#039;&#039;SetValue&#039;&#039;&#039;</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> </table> SteveT https://www.flowcode.co.uk/wiki/index.php?title=Component:_Circular_Knob_for_v10_(Development)&diff=43581&oldid=prev SteveT: Text replacement - "class="wikitable" style="width:60%; background-color:#FFFFFF;"" to "class="mtx-class-macrotable wikitable"" 2026-07-13T14:15:04Z <p>Text replacement - &quot;class=&quot;wikitable&quot; style=&quot;width:60%; background-color:#FFFFFF;&quot;&quot; to &quot;class=&quot;mtx-class-macrotable wikitable&quot;&quot;</p> <table style="background-color: #fff; color: #202122;" data-mw-interface=""> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 14:15, 13 July 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l29">Line 29:</td> <td colspan="2" class="diff-lineno">Line 29:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>==Downloadable macro reference==</div></td><td class="diff-marker"></td><td style="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;"><div>==Downloadable macro reference==</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><br></td><td class="diff-marker"></td><td style="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;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>{| class="wikitable<del style="font-weight: bold; text-decoration: none;">" style="width:60%; background-color:#FFFFFF;</del>"</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>{| class="<ins style="font-weight: bold; text-decoration: none;">mtx-class-macrotable </ins>wikitable"</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#D8C9D8;&quot; align=&quot;center&quot; | [[File:Fc9-comp-macro.png]]</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#D8C9D8;&quot; align=&quot;center&quot; | [[File:Fc9-comp-macro.png]]</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l42">Line 42:</td> <td colspan="2" class="diff-lineno">Line 42:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><br></td><td class="diff-marker"></td><td style="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;"><br></td></tr> <tr><td class="diff-marker"></td><td style="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;"><br></td><td class="diff-marker"></td><td style="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;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>{| class="wikitable<del style="font-weight: bold; text-decoration: none;">" style="width:60%; background-color:#FFFFFF;</del>"</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>{| class="<ins style="font-weight: bold; text-decoration: none;">mtx-class-macrotable </ins>wikitable"</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#D8C9D8;&quot; align=&quot;center&quot; | [[File:Fc9-comp-macro.png]]</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#D8C9D8;&quot; align=&quot;center&quot; | [[File:Fc9-comp-macro.png]]</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l64">Line 64:</td> <td colspan="2" class="diff-lineno">Line 64:</td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>==Property reference==</div></td><td class="diff-marker"></td><td style="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;"><div>==Property reference==</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><br></td><td class="diff-marker"></td><td style="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;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="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;"><div>{| class="wikitable<del style="font-weight: bold; text-decoration: none;">" style="width:60%; background-color:#FFFFFF;</del>"</div></td><td class="diff-marker" data-marker="+"></td><td style="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;"><div>{| class="<ins style="font-weight: bold; text-decoration: none;">mtx-class-macrotable </ins>wikitable"</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>|-</div></td><td class="diff-marker"></td><td style="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;"><div>|-</div></td></tr> <tr><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#D8C9D8;&quot; | [[File:Fc9-prop-icon.png]]</div></td><td class="diff-marker"></td><td style="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;"><div>| width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#D8C9D8;&quot; | [[File:Fc9-prop-icon.png]]</div></td></tr> </table> SteveT https://www.flowcode.co.uk/wiki/index.php?title=Component:_Circular_Knob_for_v10_(Development)&diff=28592&oldid=prev Wiki bot: Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | Steve Tandy |- | width="20%" style="color:gray;" | Version | 1.0 |- | width="20%" style="color:gra..." 2022-11-09T17:44:58Z <p>Created page with &quot;{| style=&quot;width:50%&quot; |- | width=&quot;20%&quot; style=&quot;color:gray;&quot; | Author | Steve Tandy |- | width=&quot;20%&quot; style=&quot;color:gray;&quot; | Version | 1.0 |- | width=&quot;20%&quot; style=&quot;color:gra...&quot;</p> <p><b>New page</b></p><div>{| style=&quot;width:50%&quot;<br /> |-<br /> | width=&quot;20%&quot; style=&quot;color:gray;&quot; | Author<br /> | Steve Tandy<br /> |-<br /> | width=&quot;20%&quot; style=&quot;color:gray;&quot; | Version<br /> | 1.0<br /> |-<br /> | width=&quot;20%&quot; style=&quot;color:gray;&quot; | Category<br /> | Development<br /> |}<br /> <br /> <br /> ==Circular Knob for v10 component==<br /> A circular 2d knob component.<br /> <br /> ==Component Source Code==<br /> <br /> Please click here for the component source code: [https://www.flowcode.co.uk/wikicopy/componentsource/FC_Comp_Source_CircularKnob_Dev_only.fcfx FC_Comp_Source_CircularKnob_Dev_only.fcfx]<br /> <br /> ==Detailed description==<br /> <br /> &#039;&#039;No detailed description exists yet for this component&#039;&#039;<br /> <br /> ==Examples==<br /> <br /> &#039;&#039;&lt;span style=&quot;color:red;&quot;&gt;No additional examples&lt;/span&gt;&#039;&#039;<br /> <br /> ==Downloadable macro reference==<br /> <br /> {| class=&quot;wikitable&quot; style=&quot;width:60%; background-color:#FFFFFF;&quot;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#D8C9D8;&quot; align=&quot;center&quot; | [[File:Fc9-comp-macro.png]]<br /> | width=&quot;90%&quot; style=&quot;background-color:#D8C9D8; color:#4B008D;&quot; | &#039;&#039;&#039;GetValue&#039;&#039;&#039;<br /> |-<br /> | colspan=&quot;2&quot; | Returns the current value of the component.&amp;nbsp;<br /> |-<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; style=&quot;border-top: 2px solid #000;&quot; | [[File:Fc9-f32-icon.png]] - FLOAT<br /> | width=&quot;90%&quot; style=&quot;border-top: 2px solid #000;&quot; | &#039;&#039;Return&#039;&#039;<br /> |}<br /> <br /> <br /> {| class=&quot;wikitable&quot; style=&quot;width:60%; background-color:#FFFFFF;&quot;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#D8C9D8;&quot; align=&quot;center&quot; | [[File:Fc9-comp-macro.png]]<br /> | width=&quot;90%&quot; style=&quot;background-color:#D8C9D8; color:#4B008D;&quot; | &#039;&#039;&#039;SetValue&#039;&#039;&#039;<br /> |-<br /> | colspan=&quot;2&quot; | Sets the component to the specified value.&amp;nbsp;<br /> |-<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-f32-icon.png]] - FLOAT<br /> | width=&quot;90%&quot; | value<br /> |-<br /> | colspan=&quot;2&quot; | A new value for the component.&amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; style=&quot;border-top: 2px solid #000;&quot; | [[File:Fc9-void-icon.png]] - VOID<br /> | width=&quot;90%&quot; style=&quot;border-top: 2px solid #000;&quot; | &#039;&#039;Return&#039;&#039;<br /> |}<br /> <br /> <br /> <br /> <br /> ==Property reference==<br /> <br /> {| class=&quot;wikitable&quot; style=&quot;width:60%; background-color:#FFFFFF;&quot;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#D8C9D8;&quot; | [[File:Fc9-prop-icon.png]]<br /> | width=&quot;90%&quot; style=&quot;background-color:#D8C9D8; color:#4B008D;&quot; | &#039;&#039;&#039;Properties&#039;&#039;&#039; <br /> |-<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]<br /> | width=&quot;90%&quot; style=&quot;background-color:#EAE1EA; color:#4B008D;&quot; | Data<br /> |-<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-15-icon.png]]<br /> | width=&quot;90%&quot; | Value<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-7-icon.png]]<br /> | width=&quot;90%&quot; | Discrete Values<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-21-icon.png]]<br /> | width=&quot;90%&quot; | Responsiveness<br /> |-<br /> | colspan=&quot;2&quot; | The number of value updates before a redraw is forced (0 = no redraws)&amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]<br /> | width=&quot;90%&quot; style=&quot;background-color:#EAE1EA; color:#4B008D;&quot; | Scale<br /> |-<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-15-icon.png]]<br /> | width=&quot;90%&quot; | Lower Bound<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-15-icon.png]]<br /> | width=&quot;90%&quot; | Upper Bound<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-21-icon.png]]<br /> | width=&quot;90%&quot; | Major Tick Step<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-15-icon.png]]<br /> | width=&quot;90%&quot; | Minor Tick Step<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-10-icon.png]]<br /> | width=&quot;90%&quot; | Label Format<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-7-icon.png]]<br /> | width=&quot;90%&quot; | Closed<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-15-icon.png]]<br /> | width=&quot;90%&quot; | Start Angle<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-15-icon.png]]<br /> | width=&quot;90%&quot; | End Angle<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]<br /> | width=&quot;90%&quot; style=&quot;background-color:#EAE1EA; color:#4B008D;&quot; | Appearance<br /> |-<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-12-icon.png]]<br /> | width=&quot;90%&quot; | Type<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-12-icon.png]]<br /> | width=&quot;90%&quot; | Style<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-3-icon.png]]<br /> | width=&quot;90%&quot; | Font<br /> |-<br /> | colspan=&quot;2&quot; | Specifies the font style for the item&amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-15-icon.png]]<br /> | width=&quot;90%&quot; | Font Scale<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-15-icon.png]]<br /> | width=&quot;90%&quot; | Frame Scale<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-15-icon.png]]<br /> | width=&quot;90%&quot; | Cap Scale<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-15-icon.png]]<br /> | width=&quot;90%&quot; | Scale Offset<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]<br /> | width=&quot;90%&quot; style=&quot;background-color:#EAE1EA; color:#4B008D;&quot; | Pointer<br /> |-<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-12-icon.png]]<br /> | width=&quot;90%&quot; | Style<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-7-icon.png]]<br /> | width=&quot;90%&quot; | Shadow<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-15-icon.png]]<br /> | width=&quot;90%&quot; | Width<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-15-icon.png]]<br /> | width=&quot;90%&quot; | Offset<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]<br /> | width=&quot;90%&quot; style=&quot;background-color:#EAE1EA; color:#4B008D;&quot; | Major Tick<br /> |-<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-12-icon.png]]<br /> | width=&quot;90%&quot; | Style<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-15-icon.png]]<br /> | width=&quot;90%&quot; | Scale<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-7-icon.png]]<br /> | width=&quot;90%&quot; | Rotate<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]<br /> | width=&quot;90%&quot; style=&quot;background-color:#EAE1EA; color:#4B008D;&quot; | Minor Tick<br /> |-<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-12-icon.png]]<br /> | width=&quot;90%&quot; | Style<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-15-icon.png]]<br /> | width=&quot;90%&quot; | Scale<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-12-icon.png]]<br /> | width=&quot;90%&quot; | Position<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; style=&quot;background-color:#EAE1EA;&quot; | [[File:Fc9-conn-icon.png]]<br /> | width=&quot;90%&quot; style=&quot;background-color:#EAE1EA; color:#4B008D;&quot; | Coloured Ranges<br /> |-<br /> |-<br /> | width=&quot;10%&quot; align=&quot;center&quot; | [[File:Fc9-type-16-icon.png]]<br /> | width=&quot;90%&quot; | Number of Ranges<br /> |-<br /> | colspan=&quot;2&quot; | &amp;nbsp;<br /> |}</div> Wiki bot