openc3-cosmos-tool-docs 5.19.0 → 6.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (429) hide show
  1. checksums.yaml +4 -4
  2. data/tools/staticdocs/404.html +1 -13
  3. data/tools/staticdocs/assets/css/styles.839a3ee9.css +1 -0
  4. data/tools/staticdocs/assets/images/add_tool-6919be6e6c05db133a8816a9fc03bf98b0789a8525da4cdaa7b041b25bf9edb8.png +0 -0
  5. data/tools/staticdocs/assets/images/array-c0c541246cb3f9e355acc5c510649c29116ce4d6eb8864b9ace48e9958b36421.png +0 -0
  6. data/tools/staticdocs/assets/images/backcolor-39ca0e2a25bd98fe1c9e067f026f3a719a760d3f14ccb404e2da3a0af4235760.png +0 -0
  7. data/tools/staticdocs/assets/images/block-14583c7d26c1a1c6553435d57015bc5282426f7aa176804867de223009a8d4d7.png +0 -0
  8. data/tools/staticdocs/assets/images/bordercolor-a3ac15f24f91c910fcc9c8bd195232205ec44da0b428b11b71108687ce6316d3.png +0 -0
  9. data/tools/staticdocs/assets/images/button-3f6fd69518f4b2c60b15605ca607cda8b596d4d5e804b867f09f750a47b6cbad.png +0 -0
  10. data/tools/staticdocs/assets/images/canvasdot-d634bed1905d13b0da41200e62781cea6e012b5d68fc914f4c11f512c9c4f7fd.png +0 -0
  11. data/tools/staticdocs/assets/images/canvasimage-6f6f83dc6d777fdff0b820287a96ad171a475fda2896c0a3b678b14984e496fd.png +0 -0
  12. data/tools/staticdocs/assets/images/canvasimagevalue-8c835310f99cebbb15ad34632c77370cf4cc9b95535040fa4723df8baedb5b57.png +0 -0
  13. data/tools/staticdocs/assets/images/canvaslabel-68ee99da9ef15924a2b5b41c60ba7de47382d036eece57574411839ff5ec14e4.png +0 -0
  14. data/tools/staticdocs/assets/images/canvaslabelvalue-43254b6647e626939e79ec7e0940e921582039af006e5024c952881ba196b165.png +0 -0
  15. data/tools/staticdocs/assets/images/canvasline-c5120da84530d4a60a04d40d5565daede656639808d1a456f430e9404a2d5bad.png +0 -0
  16. data/tools/staticdocs/assets/images/canvaslinevalue-5540d10997f723fd09b269b75997452622a3c4333ed4f25628747c1212699255.png +0 -0
  17. data/tools/staticdocs/assets/images/checkbutton-c263b840dcdbeca5cd886884fe8f24bedac7daac5a0ca224a1fb2cce3e24bdf6.png +0 -0
  18. data/tools/staticdocs/assets/images/cmd_authority-34cde391ad5109ad53bca40b55cb74d59e8cd1d0e70eedb3e5bf4d258c324787.png +0 -0
  19. data/tools/staticdocs/assets/images/cmd_tlm_server-dbc02e99c1c837efabeba52831d1d2a3445904fb06b758aaa747496725423fe5.png +0 -0
  20. data/tools/staticdocs/assets/images/collect_states-5418d5b4cb901577f2cbdeccceb254dd2e5b81b1f2c975fb15b5fc679cf23dbf.png +0 -0
  21. data/tools/staticdocs/assets/images/combobox-6c8fa241aa7c5ccf31a42a2373dbd4f6f66d9a063e98ba111d5472b5c8e21590.png +0 -0
  22. data/tools/staticdocs/assets/images/command_history-ecc9b618661ad0aefa0700047a8ab3b094372f2aa427e9fcd270dcd352a30408.png +0 -0
  23. data/tools/staticdocs/assets/images/command_sender-83cf2e2343133c2883c405abd0b322f6d3d4a095c6ee800158a04c8eefe474ed.png +0 -0
  24. data/tools/staticdocs/assets/images/critical_cmd_sender-dd81e845489cf1efd3e08cec87da2262eb9f22dbeb3d89359edf0c58146524a1.png +0 -0
  25. data/tools/staticdocs/assets/images/date-d104f822ef7a1b99ade0a334e2e34c27fc6b1d087ed267f13280623a943113ce.png +0 -0
  26. data/tools/staticdocs/assets/images/formatvalue-8e2ddb6cec177fde1846d333d70168479a3bf67dd2b293764f938726b9e7cdf8.png +0 -0
  27. data/tools/staticdocs/assets/images/height-67268e562da2f9b2d0b9adc38d8fb2ba629504b09d798d8c26be9cfbfdad672a.png +0 -0
  28. data/tools/staticdocs/assets/images/history-04aebef1a0fdaaacc5042e5b835f850b48ea04f4fe50271d9bb57803b442d6cd.png +0 -0
  29. data/tools/staticdocs/assets/images/horizontal-11de51b6fc8baf057ca4f38a7f54a5302b58f30099331c22a074f012e53497aa.png +0 -0
  30. data/tools/staticdocs/assets/images/horizontalbox-ddf82f64de700286a742a71e0c1adebbc7e9822a0dff41139f41bc476e4fc4ce.png +0 -0
  31. data/tools/staticdocs/assets/images/horizontalline-0805762eadcc125ed6584a29a60e7cf8e2d76d13c6243e18eecbaba7a3803128.png +0 -0
  32. data/tools/staticdocs/assets/images/iframe-30d5a4104336b84d18ba538d668978a7986679431a7fe1fd0e3179fea08c074f.png +0 -0
  33. data/tools/staticdocs/assets/images/imageviewer-6149159e29a35cd6694926b344836ce034ce17cc019537028a80d95460eec405.png +0 -0
  34. data/tools/staticdocs/assets/images/inst_clear-48f37464d774363be4a5c1d30a48d4bc7803cb806a15d80dcd3741d7a9a37811.png +0 -0
  35. data/tools/staticdocs/assets/images/inst_collect-ef36e8a1e97fde625cde7a9c300c3db61aca30140f5431f089ce6a3e5da9d7f4.png +0 -0
  36. data/tools/staticdocs/assets/images/inst_collect_hazardous-02857bda2b5e7e821d3f42d3301962ede2bb4379c469a9d62f4a0e686336f0c4.png +0 -0
  37. data/tools/staticdocs/assets/images/interfaces-fa10646a27eb9045b70c2c485498a864bed1896ff171b7f31f8698288e08ae73.png +0 -0
  38. data/tools/staticdocs/assets/images/label-25a3052a497d0db7ebf84c788baedcd01d34f4b423aceee53d6d83639a128e82.png +0 -0
  39. data/tools/staticdocs/assets/images/labelled-b8d0f0a157f48e1fa98511f9177f962e69d1e0e8c24b37cf9f355671f9d13ab8.png +0 -0
  40. data/tools/staticdocs/assets/images/labelprogressbar-c3412db92b2f4e6af20233b085ee20915414d6c4da371398a3e8f36b84971cc7.png +0 -0
  41. data/tools/staticdocs/assets/images/labelsparkline-5985a0f034a5d2fb54b040612178ac9f0d5476eb76ca7e04cacc2618a9970c69.png +0 -0
  42. data/tools/staticdocs/assets/images/labelvalue-db97724272df4815b4ecc397974f91a62c31108b98ef0657716c670ca8128051.png +0 -0
  43. data/tools/staticdocs/assets/images/labelvaluedesc-2e174a9f3443ba971683dea9a33f8aa66d0248fb92a3aff41ec26b7424b5e68c.png +0 -0
  44. data/tools/staticdocs/assets/images/labelvaluelimitscolumn-47664affa9d88150ce257e90d32c61b314d7f0b6aa6da4f5e49152be2cce4ef7.png +0 -0
  45. data/tools/staticdocs/assets/images/labelvaluerangebar-641eba160b8ef7872557584de92f046d9e4411fae3280781f9b049265cc6dd52.png +0 -0
  46. data/tools/staticdocs/assets/images/led-d333a6c7e8b1bad13b7775142c74f94b1829ddedd38814d606b2d00e76707751.png +0 -0
  47. data/tools/staticdocs/assets/images/limitsbar-4f2758f846f6f8a1add81aeaf3b58e071792a6d2ccae9eb504e9c07ab8f8dae1.png +0 -0
  48. data/tools/staticdocs/assets/images/limitscolor-7f8e24e4f27f476c3b4c57393ab797268b86aa8ad8b6e7b83d72dd5bf3ca7952.png +0 -0
  49. data/tools/staticdocs/assets/images/limitscolumn-743800180e9558c86a4f5c5d949e2b8355420a98c85ef98a3320b09defa21fe6.png +0 -0
  50. data/tools/staticdocs/assets/images/linegraph-dc3cca59601beb3ea551bbd05e4e09b6cfabd1a7cbc93b757a7d4b22c478a75b.png +0 -0
  51. data/tools/staticdocs/assets/images/log_messages-6da2901ac63928daa3dcaf39a78ca9e455482c48d4ba917ee704f697e5210818.png +0 -0
  52. data/tools/staticdocs/assets/images/margin-4247b51c2c305cb961d08a807f30883b7fc6d9e3316c18174b86afe2356106dd.png +0 -0
  53. data/tools/staticdocs/assets/images/matrixbycolumns-74a67f236a97fffbdf7251fc98da2302a92df20ad16793a1617bc6f77380c9f6.png +0 -0
  54. data/tools/staticdocs/assets/images/microservices-805cc7d137958ac8183579cdb9a9845e7aef79db19723f0773f4ea4d957b48a1.png +0 -0
  55. data/tools/staticdocs/assets/images/mode_menu-04b9187b57a09ed12481a2699a86c7504fdc1c822579b4f762865ea90cb52dd3.png +0 -0
  56. data/tools/staticdocs/assets/images/named_widget-37362db8e310e5639be849d729fd637677f72330d676da4cd6baafc4b961331c.png +0 -0
  57. data/tools/staticdocs/assets/images/packages-3bfae1a91b0534077280c323a40e879a8ac6a7c3ac45376b3c706a098dab12c3.png +0 -0
  58. data/tools/staticdocs/assets/images/padding-e8ceea8ec79def3b14d186971854c44883675d974409366b77c586eedd85025c.png +0 -0
  59. data/tools/staticdocs/assets/images/plugins-aabbe060bec19e6fa2490b737f20758af9000066121f5af85f260a3b14f9b3d8.png +0 -0
  60. data/tools/staticdocs/assets/images/progressbar-cc1095369de0d483c4a9b07ad3a76f9e966990b2aa68b2bc8177d7130ed382a7.png +0 -0
  61. data/tools/staticdocs/assets/images/radiobutton-9151f7cb0dae5120e51e05b5575981c143e19f350e84c7e190d3dd78aa80fae8.png +0 -0
  62. data/tools/staticdocs/assets/images/rangebar-ceae5a30609ab12625e29fd479e88fb3ba16eb12879976edc807da87547a275d.png +0 -0
  63. data/tools/staticdocs/assets/images/raw-63c1dd793f4a734e7d512bf4c0c3722831c38d5392a1a1b0cb77bbef4d16b96b.png +0 -0
  64. data/tools/staticdocs/assets/images/redis-4553b5b35292cca3df1fa08577f2175efef34e0fdfe512f30ca70785b086b24f.png +0 -0
  65. data/tools/staticdocs/assets/images/right_click-371e3683026c0bb2b27187277b4e99727c6b52965e0190a5f81335248f40ef9b.png +0 -0
  66. data/tools/staticdocs/assets/images/rollup-ff0cecc0daa8dbdc84bc2a81efe4625b88f36a699368ada18e70c8d3d0c63c06.png +0 -0
  67. data/tools/staticdocs/assets/images/routers-489fe07165973feede7a63adf71781cca7ecb1f7d17c069761c1c57e70cf926e.png +0 -0
  68. data/tools/staticdocs/assets/images/scrollwindow-03e2823bf392679f0bd26159f476bad2f6d70a7ebb5a31e109fd75ad681cdd50.png +0 -0
  69. data/tools/staticdocs/assets/images/secrets-c8daf324829a0d4dde1d30f9da89d884ca06ce458e400dfa5d1de4ccb10395a1.png +0 -0
  70. data/tools/staticdocs/assets/images/settings1-36a446ec0455ae5ab3a6d225647264647e517e1e2d83da5c639a63756e0339a6.png +0 -0
  71. data/tools/staticdocs/assets/images/settings2-c18e478b65ba569bea37a2bb185b4702e347aecc570fbc7b26a6e66aeecc9129.png +0 -0
  72. data/tools/staticdocs/assets/images/signal-0e5def1ecb42b4688c7c6ab616ae87ef05c8b9afb5b1a27077e6cc9127721668.png +0 -0
  73. data/tools/staticdocs/assets/images/spacer-055e206bed0b13cba778071458407f184a690a8f2d5ff9cd9789f925c60c4886.png +0 -0
  74. data/tools/staticdocs/assets/images/sparkline-c5f8ecd361eef8172a9dea7ff70f3c1b056a3a00b525459429ead67d00c0c0e5.png +0 -0
  75. data/tools/staticdocs/assets/images/subsetting-ef46d38a0ba47b2fd0ad48422ccc7343a6ff88901c8a9675a27c13c9313e222b.png +0 -0
  76. data/tools/staticdocs/assets/images/tabitem-58fb7c6faa16ac04a0561a0315515852ad43ebdfbf709bd65b211af29f2f85f1.png +0 -0
  77. data/tools/staticdocs/assets/images/targets-c02c28769712aa226fdcbd3b90329285aeb39e775b9be1df6ab0e2ad31231518.png +0 -0
  78. data/tools/staticdocs/assets/images/textbox-9e4a1eb37cf68aabf92e326ff248d098a70295ffe6f7cf2e002a5dbff9ff0ef5.png +0 -0
  79. data/tools/staticdocs/assets/images/textcolor-e6d5bb0fba3786e4da7dd5e739306500ddc5fc6a4ead8e212bbe99a80433596c.png +0 -0
  80. data/tools/staticdocs/assets/images/textfield-931f510c2160ed8e5475bee78fa4c6cebd67d9195d92a22600217824ff55943d.png +0 -0
  81. data/tools/staticdocs/assets/images/time-d77e3f94633eb1008d5a382054940052070f5a4cd385f4a9203c0f60d406d7c6.png +0 -0
  82. data/tools/staticdocs/assets/images/title-5817bee0aa4702b4fd22c81a25e8036c1afc88a465a68d79707b2d58fb48789a.png +0 -0
  83. data/tools/staticdocs/assets/images/tools-d3ea80e2fdc04e5b85743146ebaf1fc7f1406b7b5e6ec9b700ed35dedc8d16e6.png +0 -0
  84. data/tools/staticdocs/assets/images/value-825b95d71be2c565e1d3fa5c57ec94be1bbb6e0a1e8166abb8617d5f50a93d39.png +0 -0
  85. data/tools/staticdocs/assets/images/valuelimitsbar-fd7637e8b4287430ab21a888acd1d10276438186bad6d204a4081c1b0423950f.png +0 -0
  86. data/tools/staticdocs/assets/images/valuelimitscolumn-aecfce9016c27e500eb506675bd372f77df1d671fd8fb0f30debe18c5cfee46c.png +0 -0
  87. data/tools/staticdocs/assets/images/valuerangebar-3a860f1fb4af1beeeb846c389c60f08eb633cc15cbb6f1c09509b5f5c0116d56.png +0 -0
  88. data/tools/staticdocs/assets/images/vertical-d4ea61f78a2cfc2cacc725f0a5dea194ab75278f0cb676e4a749f55d58a632f3.png +0 -0
  89. data/tools/staticdocs/assets/images/verticalbox-28fdba6f2c051a499b7f08a1be97edf0297ac9a9ce0dba44f02a7fe1c2616d91.png +0 -0
  90. data/tools/staticdocs/assets/images/width-1a69354459761ea23e4824436ef364124236f9bb96d46a28c97d8ff20d07ab81.png +0 -0
  91. data/tools/staticdocs/assets/js/019369f3.8413befc.js +1 -0
  92. data/tools/staticdocs/assets/js/058ffc22.a4ceeb8e.js +1 -0
  93. data/tools/staticdocs/assets/js/0686a885.ae0a89e8.js +1 -0
  94. data/tools/staticdocs/assets/js/078dbab0.90ef4019.js +1 -0
  95. data/tools/staticdocs/assets/js/0f5d161c.1c827de2.js +1 -0
  96. data/tools/staticdocs/assets/js/0ff569c9.3b7f9c95.js +1 -0
  97. data/tools/staticdocs/assets/js/103cc3be.76716a45.js +1 -0
  98. data/tools/staticdocs/assets/js/13196248.18801ae0.js +1 -0
  99. data/tools/staticdocs/assets/js/13c1b4e4.4457fa9a.js +1 -0
  100. data/tools/staticdocs/assets/js/1602.1e622848.js +1 -0
  101. data/tools/staticdocs/assets/js/1e02e6a3.8e63f255.js +1 -0
  102. data/tools/staticdocs/assets/js/2047b354.9470f5c9.js +1 -0
  103. data/tools/staticdocs/assets/js/2124.0e1f26f5.js +1 -0
  104. data/tools/staticdocs/assets/js/22b3ac48.ac895789.js +1 -0
  105. data/tools/staticdocs/assets/js/26b8abb2.45d268b1.js +1 -0
  106. data/tools/staticdocs/assets/js/2bb7bf90.471e10a1.js +1 -0
  107. data/tools/staticdocs/assets/js/3040.18a0bb2a.js +4 -0
  108. data/tools/staticdocs/assets/js/3687.6fa52db1.js +101 -0
  109. data/tools/staticdocs/assets/js/3dd7ef3b.d8bb37a8.js +1 -0
  110. data/tools/staticdocs/assets/js/40365d27.5f8a5da7.js +1 -0
  111. data/tools/staticdocs/assets/js/411898ad.c8f67fde.js +1 -0
  112. data/tools/staticdocs/assets/js/42170351.86617d4a.js +1 -0
  113. data/tools/staticdocs/assets/js/4303.a84f454a.js +1 -0
  114. data/tools/staticdocs/assets/js/43652efd.0c473c25.js +1 -0
  115. data/tools/staticdocs/assets/js/53ca7c5b.f0e35da3.js +1 -0
  116. data/tools/staticdocs/assets/js/54d0d530.9ace531c.js +1 -0
  117. data/tools/staticdocs/assets/js/5b233ba7.565c0c28.js +1 -0
  118. data/tools/staticdocs/assets/js/5bc719f6.80b7b43c.js +1 -0
  119. data/tools/staticdocs/assets/js/5c6ce5ec.ed839e0d.js +1 -0
  120. data/tools/staticdocs/assets/js/5e3ed378.048e258b.js +1 -0
  121. data/tools/staticdocs/assets/js/5fe211ef.96109971.js +1 -0
  122. data/tools/staticdocs/assets/js/62df909c.dd5f3a0c.js +1 -0
  123. data/tools/staticdocs/assets/js/630e5448.699a9dec.js +1 -0
  124. data/tools/staticdocs/assets/js/6831b732.4008a669.js +1 -0
  125. data/tools/staticdocs/assets/js/696b4199.34aa1d77.js +1 -0
  126. data/tools/staticdocs/assets/js/6b210247.d37e3087.js +1 -0
  127. data/tools/staticdocs/assets/js/6b65133b.f71c0e94.js +1 -0
  128. data/tools/staticdocs/assets/js/6f92e431.c98e31e0.js +1 -0
  129. data/tools/staticdocs/assets/js/72c6d8a8.1053fbd7.js +1 -0
  130. data/tools/staticdocs/assets/js/75897369.522ccdd7.js +1 -0
  131. data/tools/staticdocs/assets/js/75e64983.6b588c87.js +1 -0
  132. data/tools/staticdocs/assets/js/7690.fc05b8e6.js +1 -0
  133. data/tools/staticdocs/assets/js/7f5b2696.72e3b019.js +1 -0
  134. data/tools/staticdocs/assets/js/80c97f38.5a408d9c.js +1 -0
  135. data/tools/staticdocs/assets/js/867640d5.866fe67b.js +1 -0
  136. data/tools/staticdocs/assets/js/89e76475.b4e9da15.js +1 -0
  137. data/tools/staticdocs/assets/js/8f7843ee.59da8025.js +1 -0
  138. data/tools/staticdocs/assets/js/9424f0b3.cc8aa06e.js +1 -0
  139. data/tools/staticdocs/assets/js/97535711.94a5b402.js +1 -0
  140. data/tools/staticdocs/assets/js/99581c43.ebea1d08.js +1 -0
  141. data/tools/staticdocs/assets/js/9d6e81d0.4bc52207.js +1 -0
  142. data/tools/staticdocs/assets/js/{9fb6059a.a5107afb.js → 9fb6059a.57936fbe.js} +1 -1
  143. data/tools/staticdocs/assets/js/a677c089.d8d7a8f5.js +1 -0
  144. data/tools/staticdocs/assets/js/a9987364.2aa836fd.js +1 -0
  145. data/tools/staticdocs/assets/js/aa6b6c1b.4f484861.js +1 -0
  146. data/tools/staticdocs/assets/js/b4596165.a5fe2cea.js +1 -0
  147. data/tools/staticdocs/assets/js/b6d70f94.5df56282.js +1 -0
  148. data/tools/staticdocs/assets/js/b9f60ba6.cdb4a698.js +1 -0
  149. data/tools/staticdocs/assets/js/bd0034eb.5fb449fc.js +1 -0
  150. data/tools/staticdocs/assets/js/c24eae19.f419c8fb.js +1 -0
  151. data/tools/staticdocs/assets/js/c2598f55.85419dc8.js +1 -0
  152. data/tools/staticdocs/assets/js/c5388ca4.32f8f561.js +1 -0
  153. data/tools/staticdocs/assets/js/cb8c3f08.9264e5dd.js +1 -0
  154. data/tools/staticdocs/assets/js/cd879be4.aa3c877c.js +1 -0
  155. data/tools/staticdocs/assets/js/ce89ef36.1d76e86a.js +1 -0
  156. data/tools/staticdocs/assets/js/d1b923aa.de9e8fd6.js +1 -0
  157. data/tools/staticdocs/assets/js/d1bfc316.82dd17ab.js +1 -0
  158. data/tools/staticdocs/assets/js/d24bf9b6.1cb515f4.js +1 -0
  159. data/tools/staticdocs/assets/js/d57a4b5d.09769a64.js +1 -0
  160. data/tools/staticdocs/assets/js/d5d77c37.1704d750.js +1 -0
  161. data/tools/staticdocs/assets/js/d66bf9c0.9a597f56.js +1 -0
  162. data/tools/staticdocs/assets/js/d8ca4191.1861d710.js +1 -0
  163. data/tools/staticdocs/assets/js/d9b92eba.5a40eb6d.js +1 -0
  164. data/tools/staticdocs/assets/js/db8fa1d0.f9f65c91.js +1 -0
  165. data/tools/staticdocs/assets/js/dbe31111.dae4b9bd.js +1 -0
  166. data/tools/staticdocs/assets/js/dc5f7beb.15fc7cc8.js +1 -0
  167. data/tools/staticdocs/assets/js/dfbae5fd.3959d626.js +1 -0
  168. data/tools/staticdocs/assets/js/e501b0d1.cb2ef34f.js +1 -0
  169. data/tools/staticdocs/assets/js/ebec1ccb.086b8668.js +1 -0
  170. data/tools/staticdocs/assets/js/f15615f1.afd4ba93.js +1 -0
  171. data/tools/staticdocs/assets/js/fd886806.fa25adc4.js +1 -0
  172. data/tools/staticdocs/assets/js/main.1a59b278.js +36 -0
  173. data/tools/staticdocs/assets/js/runtime~main.25e99a76.js +1 -0
  174. data/tools/staticdocs/docs/configuration/accessors.html +85 -0
  175. data/tools/staticdocs/docs/configuration/command.html +149 -158
  176. data/tools/staticdocs/docs/configuration/format.html +28 -40
  177. data/tools/staticdocs/docs/configuration/interfaces.html +119 -64
  178. data/tools/staticdocs/docs/configuration/plugins.html +234 -225
  179. data/tools/staticdocs/docs/configuration/protocols.html +106 -92
  180. data/tools/staticdocs/docs/configuration/ssl-tls.html +34 -46
  181. data/tools/staticdocs/docs/configuration/table.html +88 -100
  182. data/tools/staticdocs/docs/configuration/target.html +29 -41
  183. data/tools/staticdocs/docs/configuration/telemetry-screens.html +374 -316
  184. data/tools/staticdocs/docs/configuration/telemetry.html +136 -142
  185. data/tools/staticdocs/docs/configuration.html +1 -13
  186. data/tools/staticdocs/docs/development/curl.html +17 -29
  187. data/tools/staticdocs/docs/development/developing.html +24 -36
  188. data/tools/staticdocs/docs/development/json-api.html +26 -38
  189. data/tools/staticdocs/docs/development/log-structure.html +19 -31
  190. data/tools/staticdocs/docs/development/roadmap.html +26 -44
  191. data/tools/staticdocs/docs/development/streaming-api.html +10 -22
  192. data/tools/staticdocs/docs/development/testing.html +23 -27
  193. data/tools/staticdocs/docs/development.html +1 -13
  194. data/tools/staticdocs/docs/getting-started/generators.html +37 -49
  195. data/tools/staticdocs/docs/getting-started/gettingstarted.html +45 -56
  196. data/tools/staticdocs/docs/getting-started/installation.html +24 -36
  197. data/tools/staticdocs/docs/getting-started/key_concepts.html +32 -44
  198. data/tools/staticdocs/docs/getting-started/podman.html +25 -37
  199. data/tools/staticdocs/docs/getting-started/requirements.html +32 -44
  200. data/tools/staticdocs/docs/getting-started/upgrading.html +134 -24
  201. data/tools/staticdocs/docs/getting-started.html +1 -13
  202. data/tools/staticdocs/docs/guides/bridges.html +17 -30
  203. data/tools/staticdocs/docs/guides/cfs.html +46 -58
  204. data/tools/staticdocs/docs/guides/custom-widgets.html +17 -29
  205. data/tools/staticdocs/docs/guides/little-endian-bitfields.html +3 -15
  206. data/tools/staticdocs/docs/guides/local-mode.html +16 -28
  207. data/tools/staticdocs/docs/guides/logging.html +12 -24
  208. data/tools/staticdocs/docs/guides/monitoring.html +18 -30
  209. data/tools/staticdocs/docs/guides/performance.html +21 -33
  210. data/tools/staticdocs/docs/guides/raspberrypi.html +16 -28
  211. data/tools/staticdocs/docs/guides/script-writing.html +108 -120
  212. data/tools/staticdocs/docs/guides/scripting-api.html +606 -615
  213. data/tools/staticdocs/docs/guides.html +1 -13
  214. data/tools/staticdocs/docs/meta/contributing.html +14 -26
  215. data/tools/staticdocs/docs/meta/licenses.html +36 -25
  216. data/tools/staticdocs/docs/meta/philosophy.html +3 -15
  217. data/tools/staticdocs/docs/meta/xtce.html +13 -25
  218. data/tools/staticdocs/docs/meta.html +1 -13
  219. data/tools/staticdocs/docs/privacy.html +19 -31
  220. data/tools/staticdocs/docs/tools/admin.html +36 -0
  221. data/tools/staticdocs/docs/tools/autonomic.html +22 -34
  222. data/tools/staticdocs/docs/tools/bucket-explorer.html +10 -22
  223. data/tools/staticdocs/docs/tools/calendar.html +21 -33
  224. data/tools/staticdocs/docs/tools/cmd-sender.html +16 -28
  225. data/tools/staticdocs/docs/tools/cmd-tlm-server.html +27 -36
  226. data/tools/staticdocs/docs/tools/command_history.html +10 -0
  227. data/tools/staticdocs/docs/tools/data-extractor.html +29 -41
  228. data/tools/staticdocs/docs/tools/data-viewer.html +11 -23
  229. data/tools/staticdocs/docs/tools/handbooks.html +4 -16
  230. data/tools/staticdocs/docs/tools/limits-monitor.html +18 -30
  231. data/tools/staticdocs/docs/tools/packet-viewer.html +16 -28
  232. data/tools/staticdocs/docs/tools/script-runner.html +44 -50
  233. data/tools/staticdocs/docs/tools/table-manager.html +16 -28
  234. data/tools/staticdocs/docs/tools/tlm-grapher.html +21 -33
  235. data/tools/staticdocs/docs/tools/tlm-viewer.html +16 -28
  236. data/tools/staticdocs/docs/tools.html +1 -13
  237. data/tools/staticdocs/docs.html +12 -24
  238. data/tools/staticdocs/img/admin/add_tool.png +0 -0
  239. data/tools/staticdocs/img/admin/interfaces.png +0 -0
  240. data/tools/staticdocs/img/admin/microservices.png +0 -0
  241. data/tools/staticdocs/img/admin/packages.png +0 -0
  242. data/tools/staticdocs/img/admin/plugins.png +0 -0
  243. data/tools/staticdocs/img/admin/redis.png +0 -0
  244. data/tools/staticdocs/img/admin/routers.png +0 -0
  245. data/tools/staticdocs/img/admin/secrets.png +0 -0
  246. data/tools/staticdocs/img/admin/settings1.png +0 -0
  247. data/tools/staticdocs/img/admin/settings2.png +0 -0
  248. data/tools/staticdocs/img/admin/targets.png +0 -0
  249. data/tools/staticdocs/img/admin/tools.png +0 -0
  250. data/tools/staticdocs/img/cmd_tlm_server/cmd_authority.png +0 -0
  251. data/tools/staticdocs/img/cmd_tlm_server/cmd_tlm_server.png +0 -0
  252. data/tools/staticdocs/img/cmd_tlm_server/critical_cmd_sender.png +0 -0
  253. data/tools/staticdocs/img/cmd_tlm_server/log_messages.png +0 -0
  254. data/tools/staticdocs/img/command_history/command_history.png +0 -0
  255. data/tools/staticdocs/img/command_sender/collect_states.png +0 -0
  256. data/tools/staticdocs/img/command_sender/command_sender.png +0 -0
  257. data/tools/staticdocs/img/command_sender/history.png +0 -0
  258. data/tools/staticdocs/img/command_sender/inst_clear.png +0 -0
  259. data/tools/staticdocs/img/command_sender/inst_collect.png +0 -0
  260. data/tools/staticdocs/img/command_sender/inst_collect_hazardous.png +0 -0
  261. data/tools/staticdocs/img/command_sender/mode_menu.png +0 -0
  262. data/tools/staticdocs/img/script_runner/right_click.png +0 -0
  263. data/tools/staticdocs/img/telemetry_viewer/widgets/array.png +0 -0
  264. data/tools/staticdocs/img/telemetry_viewer/widgets/backcolor.png +0 -0
  265. data/tools/staticdocs/img/telemetry_viewer/widgets/block.png +0 -0
  266. data/tools/staticdocs/img/telemetry_viewer/widgets/bordercolor.png +0 -0
  267. data/tools/staticdocs/img/telemetry_viewer/widgets/button.png +0 -0
  268. data/tools/staticdocs/img/telemetry_viewer/widgets/canvasdot.png +0 -0
  269. data/tools/staticdocs/img/telemetry_viewer/widgets/canvasimage.png +0 -0
  270. data/tools/staticdocs/img/telemetry_viewer/widgets/canvasimagevalue.png +0 -0
  271. data/tools/staticdocs/img/telemetry_viewer/widgets/canvaslabel.png +0 -0
  272. data/tools/staticdocs/img/telemetry_viewer/widgets/canvaslabelvalue.png +0 -0
  273. data/tools/staticdocs/img/telemetry_viewer/widgets/canvasline.png +0 -0
  274. data/tools/staticdocs/img/telemetry_viewer/widgets/canvaslinevalue.png +0 -0
  275. data/tools/staticdocs/img/telemetry_viewer/widgets/checkbutton.png +0 -0
  276. data/tools/staticdocs/img/telemetry_viewer/widgets/combobox.png +0 -0
  277. data/tools/staticdocs/img/telemetry_viewer/widgets/date.png +0 -0
  278. data/tools/staticdocs/img/telemetry_viewer/widgets/formatvalue.png +0 -0
  279. data/tools/staticdocs/img/telemetry_viewer/widgets/height.png +0 -0
  280. data/tools/staticdocs/img/telemetry_viewer/widgets/horizontal.png +0 -0
  281. data/tools/staticdocs/img/telemetry_viewer/widgets/horizontalbox.png +0 -0
  282. data/tools/staticdocs/img/telemetry_viewer/widgets/horizontalline.png +0 -0
  283. data/tools/staticdocs/img/telemetry_viewer/widgets/iframe.png +0 -0
  284. data/tools/staticdocs/img/telemetry_viewer/widgets/imageviewer.png +0 -0
  285. data/tools/staticdocs/img/telemetry_viewer/widgets/label.png +0 -0
  286. data/tools/staticdocs/img/telemetry_viewer/widgets/labelled.png +0 -0
  287. data/tools/staticdocs/img/telemetry_viewer/widgets/labelprogressbar.png +0 -0
  288. data/tools/staticdocs/img/telemetry_viewer/widgets/labelsparkline.png +0 -0
  289. data/tools/staticdocs/img/telemetry_viewer/widgets/labelvalue.png +0 -0
  290. data/tools/staticdocs/img/telemetry_viewer/widgets/labelvaluedesc.png +0 -0
  291. data/tools/staticdocs/img/telemetry_viewer/widgets/labelvaluelimitscolumn.png +0 -0
  292. data/tools/staticdocs/img/telemetry_viewer/widgets/labelvaluerangebar.png +0 -0
  293. data/tools/staticdocs/img/telemetry_viewer/widgets/led.png +0 -0
  294. data/tools/staticdocs/img/telemetry_viewer/widgets/limitsbar.png +0 -0
  295. data/tools/staticdocs/img/telemetry_viewer/widgets/limitscolor.png +0 -0
  296. data/tools/staticdocs/img/telemetry_viewer/widgets/limitscolumn.png +0 -0
  297. data/tools/staticdocs/img/telemetry_viewer/widgets/linegraph.png +0 -0
  298. data/tools/staticdocs/img/telemetry_viewer/widgets/margin.png +0 -0
  299. data/tools/staticdocs/img/telemetry_viewer/widgets/matrixbycolumns.png +0 -0
  300. data/tools/staticdocs/img/telemetry_viewer/widgets/named_widget.png +0 -0
  301. data/tools/staticdocs/img/telemetry_viewer/widgets/padding.png +0 -0
  302. data/tools/staticdocs/img/telemetry_viewer/widgets/progressbar.png +0 -0
  303. data/tools/staticdocs/img/telemetry_viewer/widgets/radiobutton.png +0 -0
  304. data/tools/staticdocs/img/telemetry_viewer/widgets/rangebar.png +0 -0
  305. data/tools/staticdocs/img/telemetry_viewer/widgets/raw.png +0 -0
  306. data/tools/staticdocs/img/telemetry_viewer/widgets/rollup.png +0 -0
  307. data/tools/staticdocs/img/telemetry_viewer/widgets/scrollwindow.png +0 -0
  308. data/tools/staticdocs/img/telemetry_viewer/widgets/signal.png +0 -0
  309. data/tools/staticdocs/img/telemetry_viewer/widgets/spacer.png +0 -0
  310. data/tools/staticdocs/img/telemetry_viewer/widgets/sparkline.png +0 -0
  311. data/tools/staticdocs/img/telemetry_viewer/widgets/subsetting.png +0 -0
  312. data/tools/staticdocs/img/telemetry_viewer/widgets/tabbook.png +0 -0
  313. data/tools/staticdocs/img/telemetry_viewer/widgets/tabitem.png +0 -0
  314. data/tools/staticdocs/img/telemetry_viewer/widgets/textbox.png +0 -0
  315. data/tools/staticdocs/img/telemetry_viewer/widgets/textcolor.png +0 -0
  316. data/tools/staticdocs/img/telemetry_viewer/widgets/textfield.png +0 -0
  317. data/tools/staticdocs/img/telemetry_viewer/widgets/time.png +0 -0
  318. data/tools/staticdocs/img/telemetry_viewer/widgets/title.png +0 -0
  319. data/tools/staticdocs/img/telemetry_viewer/widgets/value.png +0 -0
  320. data/tools/staticdocs/img/telemetry_viewer/widgets/valuelimitsbar.png +0 -0
  321. data/tools/staticdocs/img/telemetry_viewer/widgets/valuelimitscolumn.png +0 -0
  322. data/tools/staticdocs/img/telemetry_viewer/widgets/valuerangebar.png +0 -0
  323. data/tools/staticdocs/img/telemetry_viewer/widgets/vertical.png +0 -0
  324. data/tools/staticdocs/img/telemetry_viewer/widgets/verticalbox.png +0 -0
  325. data/tools/staticdocs/img/telemetry_viewer/widgets/width.png +0 -0
  326. data/tools/staticdocs/index.html +1 -13
  327. data/tools/staticdocs/lunr-index-1734474862542.json +1 -0
  328. data/tools/staticdocs/lunr-index.json +1 -1
  329. data/tools/staticdocs/markdown-page.html +2 -14
  330. data/tools/staticdocs/search-doc-1734474862542.json +1 -0
  331. data/tools/staticdocs/search-doc.json +1 -1
  332. data/tools/staticdocs/sitemap.xml +1 -1
  333. metadata +256 -99
  334. data/tools/staticdocs/assets/css/styles.80ddca08.css +0 -1
  335. data/tools/staticdocs/assets/images/cmd_authority-51594401bfa6d8cc5849aae05b4d2af838360f8a3329f9746aa1307fe3091402.png +0 -0
  336. data/tools/staticdocs/assets/images/cmd_tlm_server-727ea478568988b10e4be4a3ba7255dd48ec56f6ab6444c6c1e32497fe478681.png +0 -0
  337. data/tools/staticdocs/assets/images/collect_states-565ae4b6d02449850585afd7ce35982711d4d677f5a04c1332b2c176f1ec3a25.png +0 -0
  338. data/tools/staticdocs/assets/images/command_sender-bb1543bde21fc1963405de5251d16a80a0c3a1bf5adb5fb78145d4995e2fe541.png +0 -0
  339. data/tools/staticdocs/assets/images/history-2391436f9edc3e00104a7375f88f5de72b0967f9eb154dfecc346c0a70af4389.png +0 -0
  340. data/tools/staticdocs/assets/images/inst_clear-2d5f985c879e8b917fedacdb8c6552bbd383231bf5c8ab8e560e77df4e050026.png +0 -0
  341. data/tools/staticdocs/assets/images/inst_collect-81bc422b3b33c5ebcbe4c2f489c730b32ab0d6ea6c7f81cc79d9f6bc03e9db15.png +0 -0
  342. data/tools/staticdocs/assets/images/inst_collect_hazardous-a8fb19ea296354a0cd276da1e0ad82f74479eea4e7e204fcf64b779596f2c092.png +0 -0
  343. data/tools/staticdocs/assets/images/log_messages-a934181ef59dc82d2624d052faf1023ef8ff2548f074ba9d67abdb6ebfd728d4.png +0 -0
  344. data/tools/staticdocs/assets/images/mode_menu-9c112084937db5bbff02c18a5681ad038caa0838fc88438628b134a6f6823a09.png +0 -0
  345. data/tools/staticdocs/assets/js/019369f3.727d87f1.js +0 -1
  346. data/tools/staticdocs/assets/js/058ffc22.f2d69d72.js +0 -1
  347. data/tools/staticdocs/assets/js/0686a885.83641127.js +0 -1
  348. data/tools/staticdocs/assets/js/078dbab0.945c9f59.js +0 -1
  349. data/tools/staticdocs/assets/js/0f5d161c.9d01fab0.js +0 -1
  350. data/tools/staticdocs/assets/js/0ff569c9.aa4daee5.js +0 -1
  351. data/tools/staticdocs/assets/js/103cc3be.537144c5.js +0 -1
  352. data/tools/staticdocs/assets/js/13196248.6b49e93d.js +0 -1
  353. data/tools/staticdocs/assets/js/13c1b4e4.22a0b1d4.js +0 -1
  354. data/tools/staticdocs/assets/js/1e02e6a3.0445f325.js +0 -1
  355. data/tools/staticdocs/assets/js/2047b354.25d11993.js +0 -1
  356. data/tools/staticdocs/assets/js/22b3ac48.7a5ea984.js +0 -1
  357. data/tools/staticdocs/assets/js/2601.ca992ab9.js +0 -1
  358. data/tools/staticdocs/assets/js/26b8abb2.dcdf815e.js +0 -1
  359. data/tools/staticdocs/assets/js/2bb7bf90.633f7a6c.js +0 -1
  360. data/tools/staticdocs/assets/js/3917.a6366d59.js +0 -1
  361. data/tools/staticdocs/assets/js/3dd7ef3b.d55880a8.js +0 -1
  362. data/tools/staticdocs/assets/js/40365d27.4b4b2ccd.js +0 -1
  363. data/tools/staticdocs/assets/js/411898ad.1d6a609d.js +0 -1
  364. data/tools/staticdocs/assets/js/42170351.d7f6034b.js +0 -1
  365. data/tools/staticdocs/assets/js/43652efd.d1e1add3.js +0 -1
  366. data/tools/staticdocs/assets/js/53ca7c5b.c3111020.js +0 -1
  367. data/tools/staticdocs/assets/js/54d0d530.fa34b0b0.js +0 -1
  368. data/tools/staticdocs/assets/js/5723.f6123e37.js +0 -1
  369. data/tools/staticdocs/assets/js/5778.7d36f1c2.js +0 -1
  370. data/tools/staticdocs/assets/js/5b233ba7.6fdd6b6c.js +0 -1
  371. data/tools/staticdocs/assets/js/5bc719f6.daa2a049.js +0 -1
  372. data/tools/staticdocs/assets/js/5c6ce5ec.61a9cae2.js +0 -1
  373. data/tools/staticdocs/assets/js/5e3ed378.2bee863a.js +0 -1
  374. data/tools/staticdocs/assets/js/5fe211ef.0b54b37a.js +0 -1
  375. data/tools/staticdocs/assets/js/62df909c.906d9999.js +0 -1
  376. data/tools/staticdocs/assets/js/630e5448.6fea087c.js +0 -1
  377. data/tools/staticdocs/assets/js/6831b732.60c3c6d5.js +0 -1
  378. data/tools/staticdocs/assets/js/696b4199.a5ae3d65.js +0 -1
  379. data/tools/staticdocs/assets/js/6b210247.aaa91da1.js +0 -1
  380. data/tools/staticdocs/assets/js/6b65133b.76b83e83.js +0 -1
  381. data/tools/staticdocs/assets/js/6f92e431.d02304f0.js +0 -1
  382. data/tools/staticdocs/assets/js/72c6d8a8.be25aaac.js +0 -1
  383. data/tools/staticdocs/assets/js/75897369.7b31b03e.js +0 -1
  384. data/tools/staticdocs/assets/js/75e64983.6ef0928b.js +0 -1
  385. data/tools/staticdocs/assets/js/7760.7f593c4f.js +0 -2
  386. data/tools/staticdocs/assets/js/7760.7f593c4f.js.LICENSE.txt +0 -61
  387. data/tools/staticdocs/assets/js/7f5b2696.60735273.js +0 -1
  388. data/tools/staticdocs/assets/js/867640d5.48133ad5.js +0 -1
  389. data/tools/staticdocs/assets/js/89e76475.13ce283b.js +0 -1
  390. data/tools/staticdocs/assets/js/8f7843ee.7a68246a.js +0 -1
  391. data/tools/staticdocs/assets/js/9424f0b3.ea51e6e5.js +0 -1
  392. data/tools/staticdocs/assets/js/97535711.5311ddd9.js +0 -1
  393. data/tools/staticdocs/assets/js/99581c43.64e9c551.js +0 -1
  394. data/tools/staticdocs/assets/js/9d6e81d0.c31feabc.js +0 -1
  395. data/tools/staticdocs/assets/js/a507c363.d2cc5d72.js +0 -1
  396. data/tools/staticdocs/assets/js/a677c089.7877e85d.js +0 -1
  397. data/tools/staticdocs/assets/js/a9987364.0358fb0b.js +0 -1
  398. data/tools/staticdocs/assets/js/aa6b6c1b.9f3252e1.js +0 -1
  399. data/tools/staticdocs/assets/js/b4596165.daa24b72.js +0 -1
  400. data/tools/staticdocs/assets/js/b6d70f94.19c327f0.js +0 -1
  401. data/tools/staticdocs/assets/js/b9f60ba6.e55cd937.js +0 -1
  402. data/tools/staticdocs/assets/js/bd0034eb.6691ccc4.js +0 -1
  403. data/tools/staticdocs/assets/js/c24eae19.503774e8.js +0 -1
  404. data/tools/staticdocs/assets/js/c2598f55.c5a1bac3.js +0 -1
  405. data/tools/staticdocs/assets/js/c5388ca4.f526bb0c.js +0 -1
  406. data/tools/staticdocs/assets/js/cb8c3f08.b82ad06f.js +0 -1
  407. data/tools/staticdocs/assets/js/cd879be4.f956406f.js +0 -1
  408. data/tools/staticdocs/assets/js/ce89ef36.aa518a52.js +0 -1
  409. data/tools/staticdocs/assets/js/d1b923aa.d6bafb72.js +0 -1
  410. data/tools/staticdocs/assets/js/d1bfc316.28d99aa4.js +0 -1
  411. data/tools/staticdocs/assets/js/d24bf9b6.6c422113.js +0 -1
  412. data/tools/staticdocs/assets/js/d57a4b5d.8f23a506.js +0 -1
  413. data/tools/staticdocs/assets/js/d5d77c37.fb296e02.js +0 -1
  414. data/tools/staticdocs/assets/js/d8ca4191.2349d796.js +0 -1
  415. data/tools/staticdocs/assets/js/d9b92eba.8f82360d.js +0 -1
  416. data/tools/staticdocs/assets/js/db8fa1d0.b0500934.js +0 -1
  417. data/tools/staticdocs/assets/js/dc5f7beb.e3a82d1e.js +0 -1
  418. data/tools/staticdocs/assets/js/dfbae5fd.d1484e14.js +0 -1
  419. data/tools/staticdocs/assets/js/e501b0d1.0b407477.js +0 -1
  420. data/tools/staticdocs/assets/js/ebec1ccb.a1b5fc97.js +0 -1
  421. data/tools/staticdocs/assets/js/f15615f1.ee14b7d6.js +0 -1
  422. data/tools/staticdocs/assets/js/fd886806.4a41fa80.js +0 -1
  423. data/tools/staticdocs/assets/js/main.a3784266.js +0 -2
  424. data/tools/staticdocs/assets/js/main.a3784266.js.LICENSE.txt +0 -71
  425. data/tools/staticdocs/assets/js/runtime~main.9f7e4d76.js +0 -1
  426. data/tools/staticdocs/docs/development/host-install.html +0 -38
  427. data/tools/staticdocs/docs/v5/host-install/index.html +0 -11
  428. data/tools/staticdocs/lunr-index-1727813111453.json +0 -1
  429. data/tools/staticdocs/search-doc-1727813111453.json +0 -1
data/tools/staticdocs/docs/configuration/telemetry-screens.html CHANGED
@@ -1,48 +1,38 @@
1
- <!doctype html>
2
- <html lang="en" dir="ltr" class="docs-wrapper plugin-docs plugin-id-default docs-version-current docs-doc-page docs-doc-id-configuration/telemetry-screens" data-has-hydrated="false">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="generator" content="Docusaurus v3.5.2">
6
- <title data-rh="true">Screens | OpenC3 Docs</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.openc3.com/tools/staticdocs/docs/configuration/telemetry-screens"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="Screens | OpenC3 Docs"><meta data-rh="true" name="description" content="This document provides the information necessary to generate and use COSMOS Telemetry Screens, which are displayed by the COSMOS Telemetry Viewer application."><meta data-rh="true" property="og:description" content="This document provides the information necessary to generate and use COSMOS Telemetry Screens, which are displayed by the COSMOS Telemetry Viewer application."><link data-rh="true" rel="icon" href="/tools/staticdocs/img/favicon.png"><link data-rh="true" rel="canonical" href="https://docs.openc3.com/tools/staticdocs/docs/configuration/telemetry-screens"><link data-rh="true" rel="alternate" href="https://docs.openc3.com/tools/staticdocs/docs/configuration/telemetry-screens" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.openc3.com/tools/staticdocs/docs/configuration/telemetry-screens" hreflang="x-default"><link rel="stylesheet" href="/tools/staticdocs/assets/css/styles.80ddca08.css">
7
- <script src="/tools/staticdocs/assets/js/runtime~main.9f7e4d76.js" defer="defer"></script>
8
- <script src="/tools/staticdocs/assets/js/main.a3784266.js" defer="defer"></script>
9
- </head>
10
- <body class="navigation-with-keyboard">
11
- <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const n=new URLSearchParams(window.location.search).entries();for(var[t,e]of n)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_G6ar" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/tools/staticdocs/"><div class="navbar__logo"><img src="/tools/staticdocs/img/logo.svg" alt="OpenC3 Logo" class="themedComponent_DHUr themedComponent--light_DIHH"><img src="/tools/staticdocs/img/logo.svg" alt="OpenC3 Logo" class="themedComponent_DHUr themedComponent--dark_Bv2M"></div><b class="navbar__title text--truncate">OpenC3 Docs</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/tools/staticdocs/docs">Documentation</a><a href="https://openc3.com/enterprise/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Enterprise</a></div><div class="navbar__items navbar__items--right"><div class="navbarSearchContainer_bmvg"><div class="navbar__search"><span aria-label="expand searchbar" role="button" class="search-icon" tabindex="0"></span><input id="search_input_react" type="search" placeholder="Loading..." aria-label="Search" class="navbar__search-input search-bar" disabled=""></div></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_UyTV"><div class="docsWrapper_XLvK"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_z1FD" type="button"></button><div class="docRoot_HciC"><aside class="theme-doc-sidebar-container docSidebarContainer_e5ai"><div class="sidebarViewport_N8x0"><div class="sidebar_vJCc"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_qiME"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/tools/staticdocs/docs">Introduction</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" href="/tools/staticdocs/docs/getting-started">Getting Started</a><button aria-label="Expand sidebar category &#x27;Getting Started&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active" href="/tools/staticdocs/docs/configuration">Configuration</a><button aria-label="Collapse sidebar category &#x27;Configuration&#x27;" aria-expanded="true" type="button" class="clean-btn menu__caret"></button></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/tools/staticdocs/docs/configuration/format">File Format</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/tools/staticdocs/docs/configuration/plugins">Plugins</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/tools/staticdocs/docs/configuration/target">Targets</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/tools/staticdocs/docs/configuration/command">Commands</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/tools/staticdocs/docs/configuration/telemetry">Telemetry</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/tools/staticdocs/docs/configuration/interfaces">Interfaces</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/tools/staticdocs/docs/configuration/protocols">Protocols</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/tools/staticdocs/docs/configuration/table">Tables</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/tools/staticdocs/docs/configuration/telemetry-screens">Screens</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/tools/staticdocs/docs/configuration/ssl-tls">SSL-TLS</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" href="/tools/staticdocs/docs/tools">Tools</a><button aria-label="Expand sidebar category &#x27;Tools&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" href="/tools/staticdocs/docs/guides">Guides</a><button aria-label="Expand sidebar category &#x27;Guides&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" href="/tools/staticdocs/docs/development">Development</a><button aria-label="Expand sidebar category &#x27;Development&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" href="/tools/staticdocs/docs/meta">Meta</a><button aria-label="Expand sidebar category &#x27;Meta&#x27;" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/tools/staticdocs/docs/privacy">OpenC3, Inc. Privacy Policy</a></li></ul></nav></div></div></aside><main class="docMainContainer_namt"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_YAwJ"><div class="docItemContainer_Rv5Z"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_zCmv" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/tools/staticdocs/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_JFrk"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item"><a class="breadcrumbs__link" itemprop="item" href="/tools/staticdocs/docs/configuration"><span itemprop="name">Configuration</span></a><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Screens</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_O_Qc theme-doc-toc-mobile tocMobile_tjDr"><button type="button" class="clean-btn tocCollapsibleButton_htYj">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Screens</h1></header><p>This document provides the information necessary to generate and use COSMOS Telemetry Screens, which are displayed by the COSMOS Telemetry Viewer application.</p>
12
- <div style="clear:both"></div>
13
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="definitions">Definitions<a href="#definitions" class="hash-link" aria-label="Direct link to Definitions" title="Direct link to Definitions">​</a></h2>
14
- <table><thead><tr><th>Name</th><th>Definition</th></tr></thead><tbody><tr><td>Widget</td><td>A widget is a graphical element on a COSMOS telemetry screen. It could display text, graph data, provide a button, or perform any other display/user input task.</td></tr><tr><td>Screen</td><td>A screen is a single window that contains any number of widgets which are organized and layed-out in a useful fashion.</td></tr><tr><td>Screen Definition File</td><td>A screen definition file is an ASCII file that tells Telemetry Viewer how to draw a screen. It is made up of a series of keyword/parameter lines that define the telemetry points that are displayed on the screen and how to display them.</td></tr></tbody></table>
15
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="telemetry-screen-definition-files">Telemetry Screen Definition Files<a href="#telemetry-screen-definition-files" class="hash-link" aria-label="Direct link to Telemetry Screen Definition Files" title="Direct link to Telemetry Screen Definition Files">​</a></h2>
16
- <p>Telemetry screen definition files define the the contents of telemetry screens. They take the general form of a SCREEN keyword followed by a series of widget keywords that define the telemetry screen. Screen definition files specific to a particular target go in that target&#x27;s screens directory. For example: TARGET/screens/version.txt. Screen definition files must be lowercase.</p>
17
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="new-widgets">New Widgets<a href="#new-widgets" class="hash-link" aria-label="Direct link to New Widgets" title="Direct link to New Widgets">​</a></h2>
18
- <p>When a telemetry screen definition is parsed and a keyword is encountered that is unrecognized, it is assumed that a file of the form widgetname_widget.rb exists, and contains a class called WidgetnameWidget. Because of this convention, new widgets can be added to the system without any change to the telemetry screen definition format. For more information about creating custom widgets please read the <a href="/tools/staticdocs/docs/guides/custom-widgets">Custom Widgets</a> guide.</p>
1
+ <!doctype html><html lang=en dir=ltr class="docs-wrapper plugin-docs plugin-id-default docs-version-current docs-doc-page docs-doc-id-configuration/telemetry-screens" data-has-hydrated=false><meta charset=UTF-8><meta name=generator content="Docusaurus v3.6.3"><title data-rh=true>Screens | OpenC3 Docs</title><meta data-rh=true name=viewport content="width=device-width,initial-scale=1.0"><meta data-rh=true name=twitter:card content=summary_large_image><meta data-rh=true property=og:url content=https://docs.openc3.com/tools/staticdocs/docs/configuration/telemetry-screens><meta data-rh=true property=og:locale content=en><meta data-rh=true name=docusaurus_locale content=en><meta data-rh=true name=docsearch:language content=en><meta data-rh=true name=docusaurus_version content=current><meta data-rh=true name=docusaurus_tag content=docs-default-current><meta data-rh=true name=docsearch:version content=current><meta data-rh=true name=docsearch:docusaurus_tag content=docs-default-current><meta data-rh=true property=og:title content="Screens | OpenC3 Docs"><meta data-rh=true name=description content="Telemetry Viewer screen definition and widget documentation"><meta data-rh=true property=og:description content="Telemetry Viewer screen definition and widget documentation"><link data-rh=true rel=icon href=/tools/staticdocs/img/favicon.png><link data-rh=true rel=canonical href=https://docs.openc3.com/tools/staticdocs/docs/configuration/telemetry-screens><link data-rh=true rel=alternate href=https://docs.openc3.com/tools/staticdocs/docs/configuration/telemetry-screens hreflang=en><link data-rh=true rel=alternate href=https://docs.openc3.com/tools/staticdocs/docs/configuration/telemetry-screens hreflang=x-default><link rel=stylesheet href=/tools/staticdocs/assets/css/styles.839a3ee9.css><script src=/tools/staticdocs/assets/js/runtime~main.25e99a76.js defer></script><script src=/tools/staticdocs/assets/js/main.1a59b278.js defer></script><body class=navigation-with-keyboard><script>!function(){var t,e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t=null!==e?e:"dark",document.documentElement.setAttribute("data-theme",t)}(),function(){try{for(var[t,e]of new URLSearchParams(window.location.search).entries())if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id=__docusaurus><div role=region aria-label="Skip to main content"><a class=skipToContent_G6ar href=#__docusaurus_skipToContent_fallback>Skip to main content</a></div><nav aria-label=Main class="navbar navbar--fixed-top"><div class=navbar__inner><div class=navbar__items><button aria-label="Toggle navigation bar" aria-expanded=false class="navbar__toggle clean-btn" type=button><svg width=30 height=30 viewBox="0 0 30 30" aria-hidden=true><path stroke=currentColor stroke-linecap=round stroke-miterlimit=10 stroke-width=2 d="M4 7h22M4 15h22M4 23h22"/></svg></button><a class=navbar__brand href=/tools/staticdocs/><div class=navbar__logo><img src=/tools/staticdocs/img/logo.svg alt="OpenC3 Logo" class="themedComponent_DHUr themedComponent--light_DIHH"><img src=/tools/staticdocs/img/logo.svg alt="OpenC3 Logo" class="themedComponent_DHUr themedComponent--dark_Bv2M"></div><b class="navbar__title text--truncate">OpenC3 Docs</b></a><a aria-current=page class="navbar__item navbar__link navbar__link--active" href=/tools/staticdocs/docs>Documentation</a><a href=https://openc3.com/enterprise/ target=_blank rel="noopener noreferrer" class="navbar__item navbar__link">Enterprise</a></div><div class="navbar__items navbar__items--right"><div class=navbarSearchContainer_bmvg><div class=navbar__search><span aria-label="expand searchbar" role=button class=search-icon tabindex=0></span><input id=search_input_react type=search placeholder=Loading... aria-label=Search class="navbar__search-input search-bar" disabled></div></div></div></div><div role=presentation class=navbar-sidebar__backdrop></div></nav><div id=__docusaurus_skipToContent_fallback class="main-wrapper mainWrapper_UyTV"><div class=docsWrapper_XLvK><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_z1FD" type=button></button><div class=docRoot_HciC><aside class="theme-doc-sidebar-container docSidebarContainer_e5ai"><div class=sidebarViewport_N8x0><div class=sidebar_vJCc><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_qiME"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class=menu__link href=/tools/staticdocs/docs>Introduction</a><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist" href=/tools/staticdocs/docs/getting-started>Getting Started</a><button aria-label="Expand sidebar category 'Getting Started'" aria-expanded=false type=button class="clean-btn menu__caret"></button></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist menu__link--active" href=/tools/staticdocs/docs/configuration>Configuration</a><button aria-label="Collapse sidebar category 'Configuration'" aria-expanded=true type=button class="clean-btn menu__caret"></button></div><ul style=display:block;overflow:visible;height:auto class=menu__list><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/tools/staticdocs/docs/configuration/format>File Format</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/tools/staticdocs/docs/configuration/plugins>Plugins</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/tools/staticdocs/docs/configuration/target>Targets</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/tools/staticdocs/docs/configuration/command>Commands</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/tools/staticdocs/docs/configuration/telemetry>Telemetry</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/tools/staticdocs/docs/configuration/interfaces>Interfaces</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/tools/staticdocs/docs/configuration/protocols>Protocols</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/tools/staticdocs/docs/configuration/accessors>Accessors</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/tools/staticdocs/docs/configuration/table>Tables</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current=page tabindex=0 href=/tools/staticdocs/docs/configuration/telemetry-screens>Screens</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/tools/staticdocs/docs/configuration/ssl-tls>SSL-TLS</a></ul><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist" href=/tools/staticdocs/docs/tools>Tools</a><button aria-label="Expand sidebar category 'Tools'" aria-expanded=false type=button class="clean-btn menu__caret"></button></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist" href=/tools/staticdocs/docs/guides>Guides</a><button aria-label="Expand sidebar category 'Guides'" aria-expanded=false type=button class="clean-btn menu__caret"></button></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist" href=/tools/staticdocs/docs/development>Development</a><button aria-label="Expand sidebar category 'Development'" aria-expanded=false type=button class="clean-btn menu__caret"></button></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist" href=/tools/staticdocs/docs/meta>Meta</a><button aria-label="Expand sidebar category 'Meta'" aria-expanded=false type=button class="clean-btn menu__caret"></button></div><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class=menu__link href=/tools/staticdocs/docs/privacy>OpenC3, Inc. Privacy Policy</a></ul></nav></div></div></aside><main class=docMainContainer_namt><div class="container padding-top--md padding-bottom--lg"><div class=row><div class="col docItemCol_YAwJ"><div class=docItemContainer_Rv5Z><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_zCmv" aria-label=Breadcrumbs><ul class=breadcrumbs itemscope itemtype=https://schema.org/BreadcrumbList><li class=breadcrumbs__item><a aria-label="Home page" class=breadcrumbs__link href=/tools/staticdocs/><svg viewBox="0 0 24 24" class=breadcrumbHomeIcon_JFrk><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill=currentColor /></svg></a><li itemscope itemprop=itemListElement itemtype=https://schema.org/ListItem class=breadcrumbs__item><a class=breadcrumbs__link itemprop=item href=/tools/staticdocs/docs/configuration><span itemprop=name>Configuration</span></a><meta itemprop=position content=1><li itemscope itemprop=itemListElement itemtype=https://schema.org/ListItem class="breadcrumbs__item breadcrumbs__item--active"><span class=breadcrumbs__link itemprop=name>Screens</span><meta itemprop=position content=2></ul></nav><div class="tocCollapsible_O_Qc theme-doc-toc-mobile tocMobile_tjDr"><button type=button class="clean-btn tocCollapsibleButton_htYj">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Screens</h1></header><p>This document provides the information necessary to generate and use COSMOS Telemetry Screens, which are displayed by the COSMOS Telemetry Viewer application.</p>
2
+ <div style=clear:both></div>
3
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=definitions>Definitions<a href=#definitions class=hash-link aria-label="Direct link to Definitions" title="Direct link to Definitions">​</a></h2>
4
+ <table><thead><tr><th>Name<th>Definition<tbody><tr><td>Widget<td>A widget is a graphical element on a COSMOS telemetry screen. It could display text, graph data, provide a button, or perform any other display/user input task.<tr><td>Screen<td>A screen is a single window that contains any number of widgets which are organized and layed-out in a useful fashion.<tr><td>Screen Definition File<td>A screen definition file is an ASCII file that tells Telemetry Viewer how to draw a screen. It is made up of a series of keyword/parameter lines that define the telemetry points that are displayed on the screen and how to display them.</table>
5
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=telemetry-screen-definition-files>Telemetry Screen Definition Files<a href=#telemetry-screen-definition-files class=hash-link aria-label="Direct link to Telemetry Screen Definition Files" title="Direct link to Telemetry Screen Definition Files">​</a></h2>
6
+ <p>Telemetry screen definition files define the the contents of telemetry screens. They take the general form of a SCREEN keyword followed by a series of widget keywords that define the telemetry screen. Screen definition files specific to a particular target go in that target's screens directory. For example: TARGET/screens/version.txt. Screen definition files must be lowercase.</p>
7
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=new-widgets>New Widgets<a href=#new-widgets class=hash-link aria-label="Direct link to New Widgets" title="Direct link to New Widgets">​</a></h2>
8
+ <p>When a telemetry screen definition is parsed and a keyword is encountered that is unrecognized, it is assumed that a file of the form widgetname_widget.rb exists, and contains a class called WidgetnameWidget. Because of this convention, new widgets can be added to the system without any change to the telemetry screen definition format. For more information about creating custom widgets please read the <a href=/tools/staticdocs/docs/guides/custom-widgets>Custom Widgets</a> guide.</p>
19
9
  <h1>Screen Keywords</h1>
20
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="screen">SCREEN<a href="#screen" class="hash-link" aria-label="Direct link to SCREEN" title="Direct link to SCREEN">​</a></h2>
10
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=screen>SCREEN<a href=#screen class=hash-link aria-label="Direct link to SCREEN" title="Direct link to SCREEN">​</a></h2>
21
11
  <p><strong>Define a telemetry viewer screen</strong></p>
22
12
  <p>The SCREEN keyword is the first keyword in any telemetry screen definition. It defines the name of the screen and parameters that affect the screen overall.</p>
23
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Width</td><td>Width in pixels or AUTO to let Telemetry Viewer automatically layout the screen</td><td>True</td></tr><tr><td>Height</td><td>Height in pixels or AUTO to let Telemetry Viewer automatically layout the screen</td><td>True</td></tr><tr><td>Polling Period</td><td>Number of seconds between screen updates</td><td>True</td></tr></tbody></table>
13
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Width<td>Width in pixels or AUTO to let Telemetry Viewer automatically layout the screen<td>True<tr><td>Height<td>Height in pixels or AUTO to let Telemetry Viewer automatically layout the screen<td>True<tr><td>Polling Period<td>Number of seconds between screen updates<td>True</table>
24
14
  <p>Example Usage:</p>
25
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">SCREEN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">AUTO</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">AUTO</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">1.0</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">FIXED</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
26
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="end">END<a href="#end" class="hash-link" aria-label="Direct link to END" title="Direct link to END">​</a></h2>
15
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">SCREEN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">AUTO</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">AUTO</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">1.0</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">FIXED</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
16
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=end>END<a href=#end class=hash-link aria-label="Direct link to END" title="Direct link to END">​</a></h2>
27
17
  <p><strong>Indicates the close of a layout widget</strong></p>
28
18
  <p>All layout widgets must be closed to properly identify where they stop. For example, a VERTICALBOX keyword must be matched with an END keyword to indicate where the VERTICALBOX ends.</p>
29
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="stale_time">STALE_TIME<a href="#stale_time" class="hash-link" aria-label="Direct link to STALE_TIME" title="Direct link to STALE_TIME">​</a></h2>
30
- <p></p><div class="right">(Since 5.1.0)</div><strong>Values are marked stale if the packet time is more than Stale Time seconds in the past</strong><p></p>
31
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>value</td><td>Items from packets with RECEIVED_TIMESECONDS greater than this value in the past will be marked stale. The default is 30s. Recommend a minimum of 2s to avoid false positives due to race conditions.</td><td>True</td></tr></tbody></table>
19
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=stale_time>STALE_TIME<a href=#stale_time class=hash-link aria-label="Direct link to STALE_TIME" title="Direct link to STALE_TIME">​</a></h2>
20
+ <p><div class=right>(Since 5.1.0)</div><strong>Values are marked stale if the packet time is more than Stale Time seconds in the past</strong><p></p>
21
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>value<td>Items from packets with RECEIVED_TIMESECONDS greater than this value in the past will be marked stale. The default is 30s. Recommend a minimum of 2s to avoid false positives due to race conditions.<td>True</table>
32
22
  <p>Example Usage:</p>
33
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">STALE_TIME</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Number of seconds to wait before marking data stale</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
34
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="global_setting">GLOBAL_SETTING<a href="#global_setting" class="hash-link" aria-label="Direct link to GLOBAL_SETTING" title="Direct link to GLOBAL_SETTING">​</a></h2>
23
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">STALE_TIME</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Number of seconds to wait before marking data stale</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
24
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=global_setting>GLOBAL_SETTING<a href=#global_setting class=hash-link aria-label="Direct link to GLOBAL_SETTING" title="Direct link to GLOBAL_SETTING">​</a></h2>
35
25
  <p><strong>Applies a widget setting to all widgets of a certain type</strong></p>
36
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Widget Class Name</td><td>The name of the class of widgets that this setting will be applied to. For example, LABEL or BUTTON.</td><td>True</td></tr><tr><td>Setting Name</td><td>See SETTING for details.</td><td>True</td></tr><tr><td>Setting Value(s)</td><td>See SETTING for details.</td><td>False</td></tr></tbody></table>
26
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Widget Class Name<td>The name of the class of widgets that this setting will be applied to. For example, LABEL or BUTTON.<td>True<tr><td>Setting Name<td>See SETTING for details.<td>True<tr><td>Setting Value(s)<td>See SETTING for details.<td>False</table>
37
27
  <p>Example Usage:</p>
38
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">GLOBAL_SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUELIMITSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BLACK</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
39
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="global_subsetting">GLOBAL_SUBSETTING<a href="#global_subsetting" class="hash-link" aria-label="Direct link to GLOBAL_SUBSETTING" title="Direct link to GLOBAL_SUBSETTING">​</a></h2>
28
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">GLOBAL_SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUELIMITSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BLACK</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
29
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=global_subsetting>GLOBAL_SUBSETTING<a href=#global_subsetting class=hash-link aria-label="Direct link to GLOBAL_SUBSETTING" title="Direct link to GLOBAL_SUBSETTING">​</a></h2>
40
30
  <p><strong>Applies a widget subsetting to all widgets of a certain type</strong></p>
41
31
  <p>Subsettings are only valid for widgets that are made up of more than one subwidget. For example, LABELVALUE is made up of a LABEL at subwidget index 0 and a VALUE at subwidget index 1. This allows for passing settings to specific subwidgets. Some widgets are made up of multiple subwidgets, e.g. LABELVALUELIMITSBAR. To set the Label widget, pass 0 as the Subwidget Index, pass 1 for the Value widget, and 2 for the LimitsBar widget.</p>
42
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Widget Class Name</td><td>The name of the class of widgets that this setting will be applied to. For example, LABELVALUE.</td><td>True</td></tr><tr><td>Subwidget Index</td><td>Index to the desired subwidget</td><td>True</td></tr><tr><td>Setting Name</td><td>See SETTING for details.</td><td>True</td></tr><tr><td>Setting Value(s)</td><td>See SETTING for details.</td><td>False</td></tr></tbody></table>
32
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Widget Class Name<td>The name of the class of widgets that this setting will be applied to. For example, LABELVALUE.<td>True<tr><td>Subwidget Index<td>Index to the desired subwidget<td>True<tr><td>Setting Name<td>See SETTING for details.<td>True<tr><td>Setting Value(s)<td>See SETTING for details.<td>False</table>
43
33
  <p>Example Usage:</p>
44
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Set all text color to white for labelvaluelimitsbars</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">GLOBAL_SUBSETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUELIMITSBAR</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTCOLOR</span><span class="token plain"> white</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
45
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="setting">SETTING<a href="#setting" class="hash-link" aria-label="Direct link to SETTING" title="Direct link to SETTING">​</a></h2>
34
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Set all text color to white for labelvaluelimitsbars</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">GLOBAL_SUBSETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUELIMITSBAR</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTCOLOR</span><span class="token plain"> white</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
35
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=setting>SETTING<a href=#setting class=hash-link aria-label="Direct link to SETTING" title="Direct link to SETTING">​</a></h2>
46
36
  <p><strong>Applies a widget setting to the previously defined widget</strong></p>
47
37
  <p>Settings allow for additional tweaks and options to be applied to widgets
48
38
  that are not available in their parameters. These settings are all configured
@@ -51,471 +41,539 @@ SETTING and SUBSETTING applies only to the widget defined immediately before it.
51
41
  GLOBAL_SETTING and GLOBAL_SUBSETTING applies to all widgets.</p>
52
42
  <p>Common wiget settings are defined here. Some widgets define their own
53
43
  unique settings which are documented under that specific widget.</p>
54
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="width">WIDTH<a href="#width" class="hash-link" aria-label="Direct link to WIDTH" title="Direct link to WIDTH">​</a></h3>
44
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=width>WIDTH<a href=#width class=hash-link aria-label="Direct link to WIDTH" title="Direct link to WIDTH">​</a></h3>
55
45
  <p><strong>Sets the widget width</strong></p>
56
- <p>WIDTH supports <a href="https://www.w3schools.com/cssref/css_units.php" target="_blank" rel="noopener noreferrer">css units</a> with the default (no units) of px (pixels)</p>
57
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Width</td><td>Width in pixels or explicitly declared with units</td><td>True</td></tr></tbody></table>
46
+ <p>WIDTH supports <a href=https://www.w3schools.com/cssref/css_units.php target=_blank rel="noopener noreferrer">css units</a> with the default (no units) of px (pixels)</p>
47
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Width<td>Width in pixels or explicitly declared with units<td>True</table>
58
48
  <p>Example Usage:</p>
59
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;THIS IS A TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">WIDTH</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;THIS IS A TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">WIDTH</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">20</span><span class="token plain">em</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
60
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="height">HEIGHT<a href="#height" class="hash-link" aria-label="Direct link to HEIGHT" title="Direct link to HEIGHT">​</a></h3>
49
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"THIS IS A TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">WIDTH</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"THIS IS A TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">WIDTH</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">20</span><span class="token plain">em</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
50
+ <p><img decoding=async loading=lazy alt=WIDTH src=/tools/staticdocs/assets/images/width-1a69354459761ea23e4824436ef364124236f9bb96d46a28c97d8ff20d07ab81.png width=678 height=326 class=img__Ss2></p>
51
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=height>HEIGHT<a href=#height class=hash-link aria-label="Direct link to HEIGHT" title="Direct link to HEIGHT">​</a></h3>
61
52
  <p><strong>Sets the widget height</strong></p>
62
- <p>HEIGHT supports <a href="https://www.w3schools.com/cssref/css_units.php" target="_blank" rel="noopener noreferrer">css units</a> with the default (no units) of px (pixels)</p>
63
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Height</td><td>Height in pixels or explicitly declared with units</td><td>True</td></tr></tbody></table>
53
+ <p>HEIGHT supports <a href=https://www.w3schools.com/cssref/css_units.php target=_blank rel="noopener noreferrer">css units</a> with the default (no units) of px (pixels)</p>
54
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Height<td>Height in pixels or explicitly declared with units<td>True</table>
64
55
  <p>Example Usage:</p>
65
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;THIS IS A TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BLUE</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEIGHT</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;THIS IS A TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREY</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEIGHT</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">2</span><span class="token plain">em</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
66
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="margin">MARGIN<a href="#margin" class="hash-link" aria-label="Direct link to MARGIN" title="Direct link to MARGIN">​</a></h3>
56
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"THIS IS A TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BLUE</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEIGHT</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"THIS IS A TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREY</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEIGHT</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">2</span><span class="token plain">em</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
57
+ <p><img decoding=async loading=lazy alt=HEIGHT src=/tools/staticdocs/assets/images/height-67268e562da2f9b2d0b9adc38d8fb2ba629504b09d798d8c26be9cfbfdad672a.png width=374 height=224 class=img__Ss2></p>
58
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=margin>MARGIN<a href=#margin class=hash-link aria-label="Direct link to MARGIN" title="Direct link to MARGIN">​</a></h3>
67
59
  <p><strong>Sets the widget margin</strong></p>
68
- <p>MARGIN supports <a href="https://www.w3schools.com/cssref/css_units.php" target="_blank" rel="noopener noreferrer">css units</a> with the default (no units) of px (pixels)</p>
69
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Size</td><td>Size in pixels or explicitly declared with units</td><td>True</td></tr></tbody></table>
60
+ <p>MARGIN supports <a href=https://www.w3schools.com/cssref/css_units.php target=_blank rel="noopener noreferrer">css units</a> with the default (no units) of px (pixels)</p>
61
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Size<td>Size in pixels or explicitly declared with units<td>True</table>
70
62
  <p>Example Usage:</p>
71
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;THIS IS A TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BLUE</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;THIS IS A TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREY</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">MARGIN</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;THIS IS A TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREEN</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
72
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="padding">PADDING<a href="#padding" class="hash-link" aria-label="Direct link to PADDING" title="Direct link to PADDING">​</a></h3>
63
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"THIS IS A TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BLUE</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"THIS IS A TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREY</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">MARGIN</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"THIS IS A TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREEN</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
64
+ <p><img decoding=async loading=lazy alt=MARGIN src=/tools/staticdocs/assets/images/margin-4247b51c2c305cb961d08a807f30883b7fc6d9e3316c18174b86afe2356106dd.png width=372 height=336 class=img__Ss2></p>
65
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=padding>PADDING<a href=#padding class=hash-link aria-label="Direct link to PADDING" title="Direct link to PADDING">​</a></h3>
73
66
  <p><strong>Sets the widget padding</strong></p>
74
- <p>PADDING supports <a href="https://www.w3schools.com/cssref/css_units.php" target="_blank" rel="noopener noreferrer">css units</a> with the default (no units) of px (pixels)</p>
75
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Size</td><td>Size in pixels or explicitly declared with units</td><td>True</td></tr></tbody></table>
67
+ <p>PADDING supports <a href=https://www.w3schools.com/cssref/css_units.php target=_blank rel="noopener noreferrer">css units</a> with the default (no units) of px (pixels)</p>
68
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Size<td>Size in pixels or explicitly declared with units<td>True</table>
76
69
  <p>Example Usage:</p>
77
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;THIS IS A TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BLUE</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;THIS IS A TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREY</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">PADDING</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;THIS IS A TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREEN</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
78
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="backcolor">BACKCOLOR<a href="#backcolor" class="hash-link" aria-label="Direct link to BACKCOLOR" title="Direct link to BACKCOLOR">​</a></h3>
70
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"THIS IS A TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BLUE</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"THIS IS A TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREY</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">PADDING</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"THIS IS A TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREEN</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
71
+ <p><img decoding=async loading=lazy alt=PADDING src=/tools/staticdocs/assets/images/padding-e8ceea8ec79def3b14d186971854c44883675d974409366b77c586eedd85025c.png width=376 height=332 class=img__Ss2></p>
72
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=backcolor>BACKCOLOR<a href=#backcolor class=hash-link aria-label="Direct link to BACKCOLOR" title="Direct link to BACKCOLOR">​</a></h3>
79
73
  <p><strong>The BACKCOLOR setting sets the background color for a widget</strong></p>
80
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Color name or Red value</td><td>Common name for the color, e.g. &#x27;black&#x27;, &#x27;red&#x27;, etc. Alternatively if two more parameters are passed this is the Red value of the RGB value</td><td>True</td></tr><tr><td>Green value</td><td>Green value of the RGB value</td><td>False</td></tr><tr><td>Blue value</td><td>Blue value of the RGB value</td><td>False</td></tr></tbody></table>
74
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Color name or Red value<td>Common name for the color, e.g. 'black', 'red', etc. Alternatively if two more parameters are passed this is the Red value of the RGB value<td>True<tr><td>Green value<td>Green value of the RGB value<td>False<tr><td>Blue value<td>Blue value of the RGB value<td>False</table>
81
75
  <p>Example Usage:</p>
82
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;THIS IS A TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> red</span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;THIS IS A TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">155</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">155</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
83
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="textcolor">TEXTCOLOR<a href="#textcolor" class="hash-link" aria-label="Direct link to TEXTCOLOR" title="Direct link to TEXTCOLOR">​</a></h3>
76
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"THIS IS A TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> red</span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"THIS IS A TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">155</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">155</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
77
+ <p><img decoding=async loading=lazy alt=BACKCOLOR src=/tools/staticdocs/assets/images/backcolor-39ca0e2a25bd98fe1c9e067f026f3a719a760d3f14ccb404e2da3a0af4235760.png width=366 height=232 class=img__Ss2></p>
78
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=textcolor>TEXTCOLOR<a href=#textcolor class=hash-link aria-label="Direct link to TEXTCOLOR" title="Direct link to TEXTCOLOR">​</a></h3>
84
79
  <p><strong>The TEXTCOLOR setting sets the text color for a widget</strong></p>
85
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Color name or Red value</td><td>Common name for the color, e.g. &#x27;black&#x27;, &#x27;red&#x27;, etc. Alternatively if two more parameters are passed this is the Red value of the RGB value</td><td>True</td></tr><tr><td>Green value</td><td>Green value of the RGB value</td><td>False</td></tr><tr><td>Blue value</td><td>Blue value of the RGB value</td><td>False</td></tr></tbody></table>
80
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Color name or Red value<td>Common name for the color, e.g. 'black', 'red', etc. Alternatively if two more parameters are passed this is the Red value of the RGB value<td>True<tr><td>Green value<td>Green value of the RGB value<td>False<tr><td>Blue value<td>Blue value of the RGB value<td>False</table>
86
81
  <p>Example Usage:</p>
87
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;THIS IS A TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTCOLOR</span><span class="token plain"> red</span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;THIS IS A TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTCOLOR</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">155</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">155</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
88
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="bordercolor">BORDERCOLOR<a href="#bordercolor" class="hash-link" aria-label="Direct link to BORDERCOLOR" title="Direct link to BORDERCOLOR">​</a></h3>
82
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"THIS IS A TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTCOLOR</span><span class="token plain"> red</span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"THIS IS A TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTCOLOR</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">155</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">155</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
83
+ <p><img decoding=async loading=lazy alt=TEXTCOLOR src=/tools/staticdocs/assets/images/textcolor-e6d5bb0fba3786e4da7dd5e739306500ddc5fc6a4ead8e212bbe99a80433596c.png width=364 height=220 class=img__Ss2></p>
84
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=bordercolor>BORDERCOLOR<a href=#bordercolor class=hash-link aria-label="Direct link to BORDERCOLOR" title="Direct link to BORDERCOLOR">​</a></h3>
89
85
  <p><strong>The BORDERCOLOR setting sets the border color for a layout widget</strong></p>
90
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Color name or Red value</td><td>Common name for the color, e.g. &#x27;black&#x27;, &#x27;red&#x27;, etc. Alternatively if two more parameters are passed this is the Red value of the RGB value</td><td>True</td></tr><tr><td>Green value</td><td>Green value of the RGB value</td><td>False</td></tr><tr><td>Blue value</td><td>Blue value of the RGB value</td><td>False</td></tr></tbody></table>
86
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Color name or Red value<td>Common name for the color, e.g. 'black', 'red', etc. Alternatively if two more parameters are passed this is the Red value of the RGB value<td>True<tr><td>Green value<td>Green value of the RGB value<td>False<tr><td>Blue value<td>Blue value of the RGB value<td>False</table>
91
87
  <p>Example Usage:</p>
92
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">HORIZONTAL</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Label 1&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BORDERCOLOR</span><span class="token plain"> red</span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">VERTICAL</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Label 2&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BORDERCOLOR</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">155</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">155</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
93
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="raw">RAW<a href="#raw" class="hash-link" aria-label="Direct link to RAW" title="Direct link to RAW">​</a></h3>
88
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">HORIZONTAL</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Label 1"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BORDERCOLOR</span><span class="token plain"> red</span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">VERTICAL</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Label 2"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BORDERCOLOR</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">155</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">155</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
89
+ <p><img decoding=async loading=lazy alt=BORDERCOLOR src=/tools/staticdocs/assets/images/bordercolor-a3ac15f24f91c910fcc9c8bd195232205ec44da0b428b11b71108687ce6316d3.png width=362 height=232 class=img__Ss2></p>
90
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=raw>RAW<a href=#raw class=hash-link aria-label="Direct link to RAW" title="Direct link to RAW">​</a></h3>
94
91
  <p><strong>Apply a raw CSS stylesheet key and value</strong></p>
95
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Key</td><td>CSS key like font-size, max-width, etc</td><td>True</td></tr><tr><td>Value</td><td>CSS Value</td><td>True</td></tr></tbody></table>
92
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Key<td>CSS key like font-size, max-width, etc<td>True<tr><td>Value<td>CSS Value<td>True</table>
96
93
  <p>Example Usage:</p>
97
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Label 1&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"> font</span><span class="token operator" style="color:rgb(127, 219, 202)">-</span><span class="token plain">size </span><span class="token number" style="color:rgb(247, 140, 108)">30</span><span class="token plain">px</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
98
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="subsetting">SUBSETTING<a href="#subsetting" class="hash-link" aria-label="Direct link to SUBSETTING" title="Direct link to SUBSETTING">​</a></h2>
94
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Label 1"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"> font</span><span class="token operator" style="color:rgb(127, 219, 202)">-</span><span class="token plain">size </span><span class="token number" style="color:rgb(247, 140, 108)">30</span><span class="token plain">px</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
95
+ <p><img decoding=async loading=lazy alt=RAW src=/tools/staticdocs/assets/images/raw-63c1dd793f4a734e7d512bf4c0c3722831c38d5392a1a1b0cb77bbef4d16b96b.png width=364 height=194 class=img__Ss2></p>
96
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=subsetting>SUBSETTING<a href=#subsetting class=hash-link aria-label="Direct link to SUBSETTING" title="Direct link to SUBSETTING">​</a></h2>
99
97
  <p><strong>Applies a widget subsetting to the previously defined widget</strong></p>
100
98
  <p>Subsettings are only valid for widgets that are made up of more than one subwidget. For example, LABELVALUE is made up of a LABEL at subwidget index 0 and a VALUE at subwidget index 1. This allows for passing settings to specific subwidgets. Some widgets are made up of multiple subwidgets, e.g. LABELVALUELIMITSBAR. To set the Label widget, pass 0 as the Subwidget Index, pass 1 for the Value widget, and 2 for the LimitsBar widget.</p>
101
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Subwidget Index</td><td>Index to the desired subwidget or &#x27;ALL&#x27; to apply the setting to all the subwidgets of this composite widget.</td><td>True</td></tr><tr><td>Setting Name</td><td>See SETTING for details.</td><td>True</td></tr><tr><td>Setting Value(s)</td><td>See SETTING for details.</td><td>False</td></tr></tbody></table>
99
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Subwidget Index<td>Index to the desired subwidget or 'ALL' to apply the setting to all the subwidgets of this composite widget.<td>True<tr><td>Setting Name<td>See SETTING for details.<td>True<tr><td>Setting Value(s)<td>See SETTING for details.<td>False</table>
102
100
  <p>Example Usage:</p>
103
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">VERTICALBOX</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SUBSETTING</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTCOLOR</span><span class="token plain"> blue </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Change the label&#x27;s text to blue</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUELIMITSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SUBSETTING</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTCOLOR</span><span class="token plain"> green </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Change the label&#x27;s text to green</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
104
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="named_widget">NAMED_WIDGET<a href="#named_widget" class="hash-link" aria-label="Direct link to NAMED_WIDGET" title="Direct link to NAMED_WIDGET">​</a></h2>
101
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">VERTICALBOX</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SUBSETTING</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTCOLOR</span><span class="token plain"> blue </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Change the label's text to blue</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUELIMITSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SUBSETTING</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTCOLOR</span><span class="token plain"> green </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Change the label's text to green</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
102
+ <p><img decoding=async loading=lazy alt=SUBSETTING src=/tools/staticdocs/assets/images/subsetting-ef46d38a0ba47b2fd0ad48422ccc7343a6ff88901c8a9675a27c13c9313e222b.png width=766 height=282 class=img__Ss2></p>
103
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=named_widget>NAMED_WIDGET<a href=#named_widget class=hash-link aria-label="Direct link to NAMED_WIDGET" title="Direct link to NAMED_WIDGET">​</a></h2>
105
104
  <p><strong>Name a widget to allow access to it via the getNamedWidget method</strong></p>
106
105
  <p>To programmatically access parts of a telemetry screen you need to name the widget. This is useful when creating screens with buttons that read values from other widgets.</p>
107
- <div class="theme-admonition theme-admonition-warning admonition_IZjC alert alert--warning"><div class="admonitionHeading_uVvU"><span class="admonitionIcon_HiR3"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>warning</div><div class="admonitionContent_bl22"><p>getNamedWidget returns the widget itself and thus must be operated on using methods native to that widget</p></div></div>
108
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Widget Name</td><td>The unique name applied to the following widget instance. Names must be unique per screen.</td><td>True</td></tr><tr><td>Widget Type</td><td>One of the widget types listed in Widget Descriptions</td><td>True</td></tr><tr><td>Widget Parameters</td><td>The unique parameters for the given widget type</td><td>True</td></tr></tbody></table>
106
+ <div class="theme-admonition theme-admonition-warning admonition_IZjC alert alert--warning"><div class=admonitionHeading_uVvU><span class=admonitionIcon_HiR3><svg viewBox="0 0 16 16"><path fill-rule=evenodd d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"/></svg></span>warning</div><div class=admonitionContent_bl22><p>getNamedWidget returns the widget itself and thus must be operated on using methods native to that widget</div></div>
107
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Widget Name<td>The unique name applied to the following widget instance. Names must be unique per screen.<td>True<tr><td>Widget Type<td>One of the widget types listed in Widget Descriptions<td>True<tr><td>Widget Parameters<td>The unique parameters for the given widget type<td>True</table>
109
108
  <p>Example Usage:</p>
110
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">DURATION</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTFIELD</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Push&quot;</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;screen.getNamedWidget(&#x27;DURATION&#x27;).text()&quot;</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
111
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="layout-widgets">Layout Widgets<a href="#layout-widgets" class="hash-link" aria-label="Direct link to Layout Widgets" title="Direct link to Layout Widgets">​</a></h2>
109
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">DURATION</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTFIELD</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Push"</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"screen.getNamedWidget('DURATION').text()"</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
110
+ <p><img decoding=async loading=lazy alt=NAMED_WIDGET src=/tools/staticdocs/assets/images/named_widget-37362db8e310e5639be849d729fd637677f72330d676da4cd6baafc4b961331c.png width=368 height=248 class=img__Ss2></p>
111
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=layout-widgets>Layout Widgets<a href=#layout-widgets class=hash-link aria-label="Direct link to Layout Widgets" title="Direct link to Layout Widgets">​</a></h2>
112
112
  <hr>
113
113
  <p>Layout widgets are used to position other widgets on the screen. For example, the HORIZONTAL layout widget places the widgets it encapsulates horizontally on the screen.</p>
114
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="vertical">VERTICAL<a href="#vertical" class="hash-link" aria-label="Direct link to VERTICAL" title="Direct link to VERTICAL">​</a></h3>
114
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=vertical>VERTICAL<a href=#vertical class=hash-link aria-label="Direct link to VERTICAL" title="Direct link to VERTICAL">​</a></h3>
115
115
  <p><strong>Places the widgets it encapsulates vertically</strong></p>
116
116
  <p>The screen defaults to a vertical layout, so if no layout widgets are specified, all widgets will be automatically placed within a VERTICAL layout widget. The VERTICAL widget sizes itself to fit its contents.</p>
117
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Margin</td><td>Margin between widgets (default = 0px)</td><td>False</td></tr></tbody></table>
117
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Margin<td>Margin between widgets (default = 0px)<td>False</table>
118
118
  <p>Example Usage:</p>
119
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">VERTICAL</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain">px</span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;SCREEN&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
120
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="verticalbox">VERTICALBOX<a href="#verticalbox" class="hash-link" aria-label="Direct link to VERTICALBOX" title="Direct link to VERTICALBOX">​</a></h3>
119
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">VERTICAL</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain">px</span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"SCREEN"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
120
+ <p><img decoding=async loading=lazy alt=VERTICAL src=/tools/staticdocs/assets/images/vertical-d4ea61f78a2cfc2cacc725f0a5dea194ab75278f0cb676e4a749f55d58a632f3.png width=386 height=256 class=img__Ss2></p>
121
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=verticalbox>VERTICALBOX<a href=#verticalbox class=hash-link aria-label="Direct link to VERTICALBOX" title="Direct link to VERTICALBOX">​</a></h3>
121
122
  <p><strong>Places the widgets it encapsulates vertically inside a thin border</strong></p>
122
123
  <p>The VERTICALBOX widget sizes itself to fit its contents vertically and to fit the screen horizontally</p>
123
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Title</td><td>Text to place within the border to label the box</td><td>False</td></tr><tr><td>Margin</td><td>Margin between widgets (default = 0px)</td><td>False</td></tr></tbody></table>
124
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Title<td>Text to place within the border to label the box<td>False<tr><td>Margin<td>Margin between widgets (default = 0px)<td>False</table>
124
125
  <p>Example Usage:</p>
125
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">VERTICALBOX</span><span class="token plain"> Info</span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;SCREEN&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
126
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="horizontal">HORIZONTAL<a href="#horizontal" class="hash-link" aria-label="Direct link to HORIZONTAL" title="Direct link to HORIZONTAL">​</a></h3>
126
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">VERTICALBOX</span><span class="token plain"> Info</span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"SCREEN"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
127
+ <p><img decoding=async loading=lazy alt=VERTICALBOX src=/tools/staticdocs/assets/images/verticalbox-28fdba6f2c051a499b7f08a1be97edf0297ac9a9ce0dba44f02a7fe1c2616d91.png width=374 height=330 class=img__Ss2></p>
128
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=horizontal>HORIZONTAL<a href=#horizontal class=hash-link aria-label="Direct link to HORIZONTAL" title="Direct link to HORIZONTAL">​</a></h3>
127
129
  <p><strong>Places the widgets it encapsulates horizontally</strong></p>
128
130
  <p>The HORIZONTAL widget sizes itself to fit its contents</p>
129
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Margin</td><td>Margin between widgets (default = 0px)</td><td>False</td></tr></tbody></table>
131
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Margin<td>Margin between widgets (default = 0px)<td>False</table>
130
132
  <p>Example Usage:</p>
131
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">HORIZONTAL</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;SCREEN&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
132
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="horizontalbox">HORIZONTALBOX<a href="#horizontalbox" class="hash-link" aria-label="Direct link to HORIZONTALBOX" title="Direct link to HORIZONTALBOX">​</a></h3>
133
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">HORIZONTAL</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"SCREEN"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
134
+ <p><img decoding=async loading=lazy alt=HORIZONTAL src=/tools/staticdocs/assets/images/horizontal-11de51b6fc8baf057ca4f38a7f54a5302b58f30099331c22a074f012e53497aa.png width=1084 height=552 class=img__Ss2></p>
135
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=horizontalbox>HORIZONTALBOX<a href=#horizontalbox class=hash-link aria-label="Direct link to HORIZONTALBOX" title="Direct link to HORIZONTALBOX">​</a></h3>
133
136
  <p><strong>Places the widgets it encapsulates horizontally inside a thin border</strong></p>
134
137
  <p>The HORIZONTALBOX widget sizes itself to fit its contents</p>
135
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Title</td><td>Text to place within the border to label the box</td><td>False</td></tr><tr><td>Margin</td><td>Margin between widgets (default = 0px)</td><td>False</td></tr></tbody></table>
138
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Title<td>Text to place within the border to label the box<td>False<tr><td>Margin<td>Margin between widgets (default = 0px)<td>False</table>
136
139
  <p>Example Usage:</p>
137
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">HORIZONTALBOX</span><span class="token plain"> Info </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;TEST&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;SCREEN&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
138
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="matrixbycolumns">MATRIXBYCOLUMNS<a href="#matrixbycolumns" class="hash-link" aria-label="Direct link to MATRIXBYCOLUMNS" title="Direct link to MATRIXBYCOLUMNS">​</a></h3>
140
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">HORIZONTALBOX</span><span class="token plain"> Info </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"TEST"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"SCREEN"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
141
+ <p><img decoding=async loading=lazy alt=HORIZONTALBOX src=/tools/staticdocs/assets/images/horizontalbox-ddf82f64de700286a742a71e0c1adebbc7e9822a0dff41139f41bc476e4fc4ce.png width=368 height=286 class=img__Ss2></p>
142
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=matrixbycolumns>MATRIXBYCOLUMNS<a href=#matrixbycolumns class=hash-link aria-label="Direct link to MATRIXBYCOLUMNS" title="Direct link to MATRIXBYCOLUMNS">​</a></h3>
139
143
  <p><strong>Places the widgets into a table-like matrix</strong></p>
140
144
  <p>The MATRIXBYCOLUMNS widget sizes itself to fit its contents</p>
141
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Columns</td><td>The number of columns to create</td><td>True</td></tr><tr><td>Margin</td><td>Margin between widgets (default = 0px)</td><td>False</td></tr></tbody></table>
145
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Columns<td>The number of columns to create<td>True<tr><td>Margin<td>Margin between widgets (default = 0px)<td>False</table>
142
146
  <p>Example Usage:</p>
143
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">MATRIXBYCOLUMNS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">3</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;COL 1&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;COL 2&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;COL 3&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;100&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;200&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;300&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
144
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="scrollwindow">SCROLLWINDOW<a href="#scrollwindow" class="hash-link" aria-label="Direct link to SCROLLWINDOW" title="Direct link to SCROLLWINDOW">​</a></h3>
147
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">MATRIXBYCOLUMNS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">3</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"COL 1"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"COL 2"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"COL 3"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"100"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"200"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"300"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
148
+ <p><img decoding=async loading=lazy alt=MATRIXBYCOLUMNS src=/tools/staticdocs/assets/images/matrixbycolumns-74a67f236a97fffbdf7251fc98da2302a92df20ad16793a1617bc6f77380c9f6.png width=492 height=288 class=img__Ss2></p>
149
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=scrollwindow>SCROLLWINDOW<a href=#scrollwindow class=hash-link aria-label="Direct link to SCROLLWINDOW" title="Direct link to SCROLLWINDOW">​</a></h3>
145
150
  <p><strong>Places the widgets inside of it into a scrollable area</strong></p>
146
151
  <p>The SCROLLWINDOW widget sizes itself to fit the screen in which it is contained</p>
147
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Height</td><td>Maximum height of the scroll window in pixels (default = 200)</td><td>False</td></tr><tr><td>Margin</td><td>Margin between widgets (default = 0px)</td><td>False</td></tr></tbody></table>
152
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Height<td>Maximum height of the scroll window in pixels (default = 200)<td>False<tr><td>Margin<td>Margin between widgets (default = 0px)<td>False</table>
148
153
  <p>Example Usage:</p>
149
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">SCROLLWINDOW</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VERTICAL</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;100&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;200&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;300&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;400&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;500&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;600&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;700&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;800&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;900&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
150
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="tabbook">TABBOOK<a href="#tabbook" class="hash-link" aria-label="Direct link to TABBOOK" title="Direct link to TABBOOK">​</a></h3>
154
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">SCROLLWINDOW</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VERTICAL</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"100"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"200"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"300"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"400"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"500"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"600"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"700"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"800"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"900"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
155
+ <p><img decoding=async loading=lazy alt=SCROLLWINDOW src=/tools/staticdocs/assets/images/scrollwindow-03e2823bf392679f0bd26159f476bad2f6d70a7ebb5a31e109fd75ad681cdd50.png width=380 height=298 class=img__Ss2></p>
156
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=tabbook>TABBOOK<a href=#tabbook class=hash-link aria-label="Direct link to TABBOOK" title="Direct link to TABBOOK">​</a></h3>
151
157
  <p><strong>Creates a tabbed area in which to place TABITEM widgets</strong></p>
152
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="tabitem">TABITEM<a href="#tabitem" class="hash-link" aria-label="Direct link to TABITEM" title="Direct link to TABITEM">​</a></h3>
158
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=tabitem>TABITEM<a href=#tabitem class=hash-link aria-label="Direct link to TABITEM" title="Direct link to TABITEM">​</a></h3>
153
159
  <p><strong>Creates a VERTICAL layout tab into which to place widgets</strong></p>
154
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Tab text</td><td>Text to display in the tab</td><td>True</td></tr></tbody></table>
160
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Tab text<td>Text to display in the tab<td>True</table>
155
161
  <p>Example Usage:</p>
156
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">TABBOOK</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TABITEM</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Tab 1&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;100&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;200&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TABITEM</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Tab 2&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;300&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;400&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
157
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="iframe">IFRAME<a href="#iframe" class="hash-link" aria-label="Direct link to IFRAME" title="Direct link to IFRAME">​</a></h3>
162
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">TABBOOK</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TABITEM</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Tab 1"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"100"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"200"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TABITEM</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Tab 2"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"300"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"400"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
163
+ <p><img decoding=async loading=lazy alt=TABITEM src=/tools/staticdocs/assets/images/tabitem-58fb7c6faa16ac04a0561a0315515852ad43ebdfbf709bd65b211af29f2f85f1.png width=402 height=322 class=img__Ss2></p>
164
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=iframe>IFRAME<a href=#iframe class=hash-link aria-label="Direct link to IFRAME" title="Direct link to IFRAME">​</a></h3>
158
165
  <p><strong>Open external tools in an Iframe within OpenC3</strong></p>
159
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>URL</td><td>The path to the page to display in the iframe</td><td>True</td></tr><tr><td>Width</td><td>Width of the widget</td><td>False</td></tr><tr><td>Height</td><td>Height of the widget</td><td>False</td></tr></tbody></table>
166
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>URL<td>The path to the page to display in the iframe<td>True<tr><td>Width<td>Width of the widget<td>False<tr><td>Height<td>Height of the widget<td>False</table>
160
167
  <p>Example Usage:</p>
161
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">IFRAME</span><span class="token plain"> https</span><span class="token operator" style="color:rgb(127, 219, 202)">:</span><span class="token operator" style="color:rgb(127, 219, 202)">/</span><span class="token operator" style="color:rgb(127, 219, 202)">/</span><span class="token plain">openc3</span><span class="token punctuation" style="color:rgb(199, 146, 234)">.</span><span class="token plain">com </span><span class="token number" style="color:rgb(247, 140, 108)">900</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">450</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
162
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="decoration-widgets">Decoration Widgets<a href="#decoration-widgets" class="hash-link" aria-label="Direct link to Decoration Widgets" title="Direct link to Decoration Widgets">​</a></h2>
168
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">IFRAME</span><span class="token plain"> https</span><span class="token operator" style="color:rgb(127, 219, 202)">:</span><span class="token operator" style="color:rgb(127, 219, 202)">/</span><span class="token operator" style="color:rgb(127, 219, 202)">/</span><span class="token plain">openc3</span><span class="token punctuation" style="color:rgb(199, 146, 234)">.</span><span class="token plain">com </span><span class="token number" style="color:rgb(247, 140, 108)">900</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">450</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
169
+ <p><img decoding=async loading=lazy alt=IFRAME src=/tools/staticdocs/assets/images/iframe-30d5a4104336b84d18ba538d668978a7986679431a7fe1fd0e3179fea08c074f.png width=1826 height=976 class=img__Ss2></p>
170
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=decoration-widgets>Decoration Widgets<a href=#decoration-widgets class=hash-link aria-label="Direct link to Decoration Widgets" title="Direct link to Decoration Widgets">​</a></h2>
163
171
  <hr>
164
172
  <p>Decoration widgets are used to enhance the appearance of the screen. They do not respond to input, nor does the output vary with telemetry.</p>
165
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="label">LABEL<a href="#label" class="hash-link" aria-label="Direct link to LABEL" title="Direct link to LABEL">​</a></h3>
173
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=label>LABEL<a href=#label class=hash-link aria-label="Direct link to LABEL" title="Direct link to LABEL">​</a></h3>
166
174
  <p><strong>Displays text on the screen</strong></p>
167
175
  <p>Generally, label widgets contain a telemetry mnemonic and are placed next to the telemetry VALUE widget.</p>
168
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Text</td><td>Text to display on the label</td><td>True</td></tr></tbody></table>
169
- <p>Example Usage:</p>
170
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Note: This is only a warning&quot;</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
171
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="horizontalline">HORIZONTALLINE<a href="#horizontalline" class="hash-link" aria-label="Direct link to HORIZONTALLINE" title="Direct link to HORIZONTALLINE">​</a></h3>
172
- <p></p><div class="right">(Since 5.5.1)</div><strong>Displays a horizontal line on the screen that can be used as a separator</strong><p></p>
173
- <p>Example Usage:</p>
174
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> Over</span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">HORIZONTALLINE</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> Under</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
175
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="sectionheader">SECTIONHEADER<a href="#sectionheader" class="hash-link" aria-label="Direct link to SECTIONHEADER" title="Direct link to SECTIONHEADER">​</a></h3>
176
- <p><strong>DEPRECATED - Displays a label that is underlined with a horizontal line</strong></p>
177
- <p>Use a VERTICALBOX or HORIZONTALBOX with title parameter instead of SECTIONHEADER</p>
178
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Text</td><td>Text to display</td><td>True</td></tr></tbody></table>
179
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="title">TITLE<a href="#title" class="hash-link" aria-label="Direct link to TITLE" title="Direct link to TITLE">​</a></h3>
176
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Text<td>Text to display on the label<td>True</table>
177
+ <p>Example Usage:</p>
178
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Note: This is only a warning"</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
179
+ <p><img decoding=async loading=lazy alt=LABEL src=/tools/staticdocs/assets/images/label-25a3052a497d0db7ebf84c788baedcd01d34f4b423aceee53d6d83639a128e82.png width=468 height=162 class=img__Ss2></p>
180
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=horizontalline>HORIZONTALLINE<a href=#horizontalline class=hash-link aria-label="Direct link to HORIZONTALLINE" title="Direct link to HORIZONTALLINE">​</a></h3>
181
+ <p><div class=right>(Since 5.5.1)</div><strong>Displays a horizontal line on the screen that can be used as a separator</strong><p></p>
182
+ <p>Example Usage:</p>
183
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> Over</span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">HORIZONTALLINE</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> Under</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
184
+ <p><img decoding=async loading=lazy alt=HORIZONTALLINE src=/tools/staticdocs/assets/images/horizontalline-0805762eadcc125ed6584a29a60e7cf8e2d76d13c6243e18eecbaba7a3803128.png width=380 height=240 class=img__Ss2></p>
185
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=title>TITLE<a href=#title class=hash-link aria-label="Direct link to TITLE" title="Direct link to TITLE">​</a></h3>
180
186
  <p><strong>Displays a large centered title on the screen</strong></p>
181
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Text</td><td>Text to display</td><td>True</td></tr></tbody></table>
187
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Text<td>Text to display<td>True</table>
182
188
  <p>Example Usage:</p>
183
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">TITLE</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Title&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">HORIZONTALLINE</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Label&quot;</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
184
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="spacer">SPACER<a href="#spacer" class="hash-link" aria-label="Direct link to SPACER" title="Direct link to SPACER">​</a></h3>
189
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">TITLE</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Title"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">HORIZONTALLINE</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Label"</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
190
+ <p><img decoding=async loading=lazy alt=TITLE src=/tools/staticdocs/assets/images/title-5817bee0aa4702b4fd22c81a25e8036c1afc88a465a68d79707b2d58fb48789a.png width=374 height=254 class=img__Ss2></p>
191
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=spacer>SPACER<a href=#spacer class=hash-link aria-label="Direct link to SPACER" title="Direct link to SPACER">​</a></h3>
185
192
  <p><strong>Places a fixed size spacer in between widgets</strong></p>
186
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Width</td><td>Width of the spacer in pixels</td><td>True</td></tr><tr><td>Height</td><td>Height of the spacer in pixels</td><td>True</td></tr></tbody></table>
193
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Width<td>Width of the spacer in pixels<td>True<tr><td>Height<td>Height of the spacer in pixels<td>True</table>
187
194
  <p>Example Usage:</p>
188
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">VERTICAL</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">3</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Spacer below&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SPACER</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Spacer above&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
189
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="telemetry-widgets">Telemetry Widgets<a href="#telemetry-widgets" class="hash-link" aria-label="Direct link to Telemetry Widgets" title="Direct link to Telemetry Widgets">​</a></h2>
195
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">VERTICAL</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">3</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Spacer below"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SPACER</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Spacer above"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
196
+ <p><img decoding=async loading=lazy alt=SPACER src=/tools/staticdocs/assets/images/spacer-055e206bed0b13cba778071458407f184a690a8f2d5ff9cd9789f925c60c4886.png width=366 height=442 class=img__Ss2></p>
197
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=telemetry-widgets>Telemetry Widgets<a href=#telemetry-widgets class=hash-link aria-label="Direct link to Telemetry Widgets" title="Direct link to Telemetry Widgets">​</a></h2>
190
198
  <hr>
191
199
  <p>Telemetry widgets are used to display telemetry values. The first parameters to each of these widgets is a telemetry mnemonic. Depending on the type and purpose of the telemetry item, the screen designer may select from a wide selection of widgets to display the value in the most useful format.</p>
192
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="array">ARRAY<a href="#array" class="hash-link" aria-label="Direct link to ARRAY" title="Direct link to ARRAY">​</a></h3>
200
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=array>ARRAY<a href=#array class=hash-link aria-label="Direct link to ARRAY" title="Direct link to ARRAY">​</a></h3>
193
201
  <p><strong>Displays ARRAY data organized into rows and space separated</strong></p>
194
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Width</td><td>Width of the widget (default = 200)</td><td>False</td></tr><tr><td>Height</td><td>Height of the widget (default = 100)</td><td>False</td></tr><tr><td>Format string</td><td>Format string applied to each array item (default = nil)</td><td>False</td></tr><tr><td>Items per row</td><td>Number of array items per row (default = 4)</td><td>False</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr></tbody></table>
202
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Width<td>Width of the widget (default = 200)<td>False<tr><td>Height<td>Height of the widget (default = 100)<td>False<tr><td>Format string<td>Format string applied to each array item (default = nil)<td>False<tr><td>Items per row<td>Number of array items per row (default = 4)<td>False<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False</table>
195
203
  <p>Example Usage:</p>
196
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">ARRAY</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ARY</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">250</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">80</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;0x%x&quot;</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">6</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">FORMATTED</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">ARRAY</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ARY2</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">nil</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">4</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">WITH_UNITS</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
197
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="block">BLOCK<a href="#block" class="hash-link" aria-label="Direct link to BLOCK" title="Direct link to BLOCK">​</a></h3>
204
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">ARRAY</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ARY</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">250</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">80</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"0x%x"</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">6</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">FORMATTED</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">ARRAY</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ARY2</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">nil</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">4</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">WITH_UNITS</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
205
+ <p><img decoding=async loading=lazy alt=ARRAY src=/tools/staticdocs/assets/images/array-c0c541246cb3f9e355acc5c510649c29116ce4d6eb8864b9ace48e9958b36421.png width=486 height=418 class=img__Ss2></p>
206
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=block>BLOCK<a href=#block class=hash-link aria-label="Direct link to BLOCK" title="Direct link to BLOCK">​</a></h3>
198
207
  <p><strong>Displays BLOCK data organized into rows and space separated</strong></p>
199
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Width</td><td>Width of the widget (default = 200)</td><td>False</td></tr><tr><td>Height</td><td>Height of the widget (default = 100)</td><td>False</td></tr><tr><td>Format string</td><td>Format string applied to each array item (default = nil)</td><td>False</td></tr><tr><td>Bytes per word</td><td>Number of bytes per word (default = 4)</td><td>False</td></tr><tr><td>Words per row</td><td>Number of words per row (default = 4</td><td>False</td></tr><tr><td>Address format</td><td>Format for the address printed at the beginning of each line (default = nil which means do not print an address)</td><td>False</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr></tbody></table>
208
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Width<td>Width of the widget (default = 200)<td>False<tr><td>Height<td>Height of the widget (default = 100)<td>False<tr><td>Format string<td>Format string applied to each array item (default = nil)<td>False<tr><td>Bytes per word<td>Number of bytes per word (default = 4)<td>False<tr><td>Words per row<td>Number of words per row (default = 4<td>False<tr><td>Address format<td>Format for the address printed at the beginning of each line (default = nil which means do not print an address)<td>False<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False</table>
200
209
  <p>Example Usage:</p>
201
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">BLOCK</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">IMAGE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">IMAGE</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">400</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">130</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;%02X&quot;</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">4</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">4</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;0x%08X:&quot;</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
202
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="formatvalue">FORMATVALUE<a href="#formatvalue" class="hash-link" aria-label="Direct link to FORMATVALUE" title="Direct link to FORMATVALUE">​</a></h3>
210
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">BLOCK</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">IMAGE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">IMAGE</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">620</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"%02X"</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">4</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">4</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"0x%08X:"</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
211
+ <p><img decoding=async loading=lazy alt=BLOCK src=/tools/staticdocs/assets/images/block-14583c7d26c1a1c6553435d57015bc5282426f7aa176804867de223009a8d4d7.png width=1272 height=464 class=img__Ss2></p>
212
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=formatvalue>FORMATVALUE<a href=#formatvalue class=hash-link aria-label="Direct link to FORMATVALUE" title="Direct link to FORMATVALUE">​</a></h3>
203
213
  <p><strong>Displays a box with a formatted value</strong></p>
204
214
  <p>Data is formatted by the specified string rather than by a format string given in the telemetry definition files. The white portion of the box darkens to gray while the value remains stagnant, then brightens to white each time the value changes. Additionally the value is colored based on the items limits state (Red for example if it is out of limits).</p>
205
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Format string</td><td>Printf style format string to apply to the telemetry item</td><td>False</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr><tr><td>Number of characters</td><td>The number of characters wide to make the value box (default = 12)</td><td>False</td></tr></tbody></table>
215
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Format string<td>Printf style format string to apply to the telemetry item<td>False<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False<tr><td>Number of characters<td>The number of characters wide to make the value box (default = 12)<td>False</table>
206
216
  <p>Example Usage:</p>
207
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">FORMATVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LATEST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TIMESEC</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">%</span><span class="token number" style="color:rgb(247, 140, 108)">012</span><span class="token plain">u </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">20</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
208
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="labelled">LABELLED<a href="#labelled" class="hash-link" aria-label="Direct link to LABELLED" title="Direct link to LABELLED">​</a></h3>
217
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">FORMATVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LATEST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TIMESEC</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">%</span><span class="token number" style="color:rgb(247, 140, 108)">012</span><span class="token plain">u </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">20</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">FORMATVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LATEST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">%</span><span class="token number" style="color:rgb(247, 140, 108)">.2</span><span class="token plain">f </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">20</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
218
+ <p><img decoding=async loading=lazy alt=FORMATVALUE src=/tools/staticdocs/assets/images/formatvalue-8e2ddb6cec177fde1846d333d70168479a3bf67dd2b293764f938726b9e7cdf8.png width=388 height=210 class=img__Ss2></p>
219
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=labelled>LABELLED<a href=#labelled class=hash-link aria-label="Direct link to LABELLED" title="Direct link to LABELLED">​</a></h3>
209
220
  <p><strong>Displays a LABEL followed by a LED</strong></p>
210
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr><tr><td>Width</td><td>Width of the LED circle (default = 15)</td><td>False</td></tr><tr><td>Height</td><td>Height of the LED circle (default = 15)</td><td>False</td></tr><tr><td>Justification</td><td>How to justify the label and LED together. The default of &#x27;SPLIT&#x27; aligns the label to the left and the LED to the right with any additional space going between them. &#x27;CENTER&#x27; pushes the label and LED together with any additional space to the left and right. &#x27;LEFT&#x27; or &#x27;RIGHT&#x27; pushes them to the respective side with the space going on the opposite.<br><br>Valid Values: <span class="values">SPLIT, CENTER, LEFT, RIGHT</span></td><td>False</td></tr></tbody></table>
221
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False<tr><td>Width<td>Width of the LED circle (default = 15)<td>False<tr><td>Height<td>Height of the LED circle (default = 15)<td>False<tr><td>Justification<td>How to justify the label and LED together. The default of 'SPLIT' aligns the label to the left and the LED to the right with any additional space going between them. 'CENTER' pushes the label and LED together with any additional space to the left and right. 'LEFT' or 'RIGHT' pushes them to the respective side with the space going on the opposite.<br><br>Valid Values: <span class=values>SPLIT, CENTER, LEFT, RIGHT</span><td>False</table>
211
222
  <p>Example Usage:</p>
212
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LABELLED</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">PARAMS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VALUE1</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LED_COLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GOOD</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREEN</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LED_COLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BAD</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RED</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
223
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LABELLED</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">PARAMS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VALUE1</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LED_COLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GOOD</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREEN</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LED_COLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BAD</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RED</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
224
+ <p><img decoding=async loading=lazy alt=LABELLED src=/tools/staticdocs/assets/images/labelled-b8d0f0a157f48e1fa98511f9177f962e69d1e0e8c24b37cf9f355671f9d13ab8.png width=372 height=154 class=img__Ss2></p>
213
225
  <p>The following settings apply to LABELLED. They are applied using the SETTING keyword.</p>
214
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="led_color">LED_COLOR<a href="#led_color" class="hash-link" aria-label="Direct link to LED_COLOR" title="Direct link to LED_COLOR">​</a></h4>
226
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=led_color>LED_COLOR<a href=#led_color class=hash-link aria-label="Direct link to LED_COLOR" title="Direct link to LED_COLOR">​</a></h4>
215
227
  <p><strong>Map a state or value to a color</strong></p>
216
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Value</td><td>State or value. ANY used to match any value or state not declared.</td><td>True</td></tr><tr><td>LED color</td><td>Color of the LED</td><td>True</td></tr></tbody></table>
217
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="labelprogressbar">LABELPROGRESSBAR<a href="#labelprogressbar" class="hash-link" aria-label="Direct link to LABELPROGRESSBAR" title="Direct link to LABELPROGRESSBAR">​</a></h3>
228
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Value<td>State or value. ANY used to match any value or state not declared.<td>True<tr><td>LED color<td>Color of the LED<td>True</table>
229
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=labelprogressbar>LABELPROGRESSBAR<a href=#labelprogressbar class=hash-link aria-label="Direct link to LABELPROGRESSBAR" title="Direct link to LABELPROGRESSBAR">​</a></h3>
218
230
  <p><strong>Displays a LABEL with the item name followed by a PROGRESSBAR</strong></p>
219
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Scale factor</td><td>Value to multiply the telemetry item by before displaying in the progress bar. Final value should be in the range of 0 to 100. Default is 1.0.</td><td>False</td></tr><tr><td>Width</td><td>Width of the progress bar (default = 80 pixels</td><td>False</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr></tbody></table>
231
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Scale factor<td>Value to multiply the telemetry item by before displaying in the progress bar. Final value should be in the range of 0 to 100. Default is 1.0.<td>False<tr><td>Width<td>Width of the progress bar (default = 80 pixels<td>False<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False</table>
220
232
  <p>Example Usage:</p>
221
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LABELPROGRESSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ADCS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">POSPROGRESS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">2</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABELPROGRESSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ADCS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">POSPROGRESS</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
222
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="labelvalue">LABELVALUE<a href="#labelvalue" class="hash-link" aria-label="Direct link to LABELVALUE" title="Direct link to LABELVALUE">​</a></h3>
233
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LABELPROGRESSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ADCS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">POSPROGRESS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">2</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABELPROGRESSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ADCS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">POSPROGRESS</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
234
+ <p><img decoding=async loading=lazy alt=LABELPROGRESSBAR src=/tools/staticdocs/assets/images/labelprogressbar-c3412db92b2f4e6af20233b085ee20915414d6c4da371398a3e8f36b84971cc7.png width=728 height=230 class=img__Ss2></p>
235
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=labelvalue>LABELVALUE<a href=#labelvalue class=hash-link aria-label="Direct link to LABELVALUE" title="Direct link to LABELVALUE">​</a></h3>
223
236
  <p><strong>Displays a LABEL with the item name followed by a VALUE</strong></p>
224
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr><tr><td>Number of characters</td><td>The number of characters wide to make the value box (default = 12)</td><td>False</td></tr></tbody></table>
237
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False<tr><td>Number of characters<td>The number of characters wide to make the value box (default = 12)<td>False</table>
225
238
  <p>Example Usage:</p>
226
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LATEST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TIMESEC</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LATEST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COLLECT_TYPE</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
227
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="labelvaluedesc">LABELVALUEDESC<a href="#labelvaluedesc" class="hash-link" aria-label="Direct link to LABELVALUEDESC" title="Direct link to LABELVALUEDESC">​</a></h3>
239
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LATEST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TIMESEC</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LATEST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COLLECT_TYPE</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
240
+ <p><img decoding=async loading=lazy alt=LABELVALUE src=/tools/staticdocs/assets/images/labelvalue-db97724272df4815b4ecc397974f91a62c31108b98ef0657716c670ca8128051.png width=592 height=218 class=img__Ss2></p>
241
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=labelvaluedesc>LABELVALUEDESC<a href=#labelvaluedesc class=hash-link aria-label="Direct link to LABELVALUEDESC" title="Direct link to LABELVALUEDESC">​</a></h3>
228
242
  <p><strong>Displays a LABEL with the items description followed by a VALUE</strong></p>
229
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Description</td><td>The description to display in the label (default is to display the description text associated with the telemetry item)</td><td>False</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr><tr><td>Number of characters</td><td>The number of characters wide to make the value box (default = 12)</td><td>False</td></tr></tbody></table>
243
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Description<td>The description to display in the label (default is to display the description text associated with the telemetry item)<td>False<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False<tr><td>Number of characters<td>The number of characters wide to make the value box (default = 12)<td>False</table>
230
244
  <p>Example Usage:</p>
231
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUEDESC</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Temperature number 1&quot;</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUEDESC</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COLLECT_TYPE</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
232
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="labelvaluelimitsbar">LABELVALUELIMITSBAR<a href="#labelvaluelimitsbar" class="hash-link" aria-label="Direct link to LABELVALUELIMITSBAR" title="Direct link to LABELVALUELIMITSBAR">​</a></h3>
245
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUEDESC</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Temperature number 1"</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUEDESC</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COLLECT_TYPE</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
246
+ <p><img decoding=async loading=lazy alt=LABELVALUEDESC src=/tools/staticdocs/assets/images/labelvaluedesc-2e174a9f3443ba971683dea9a33f8aa66d0248fb92a3aff41ec26b7424b5e68c.png width=766 height=218 class=img__Ss2></p>
247
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=labelvaluelimitsbar>LABELVALUELIMITSBAR<a href=#labelvaluelimitsbar class=hash-link aria-label="Direct link to LABELVALUELIMITSBAR" title="Direct link to LABELVALUELIMITSBAR">​</a></h3>
233
248
  <p><strong>Displays a LABEL with the item name followed by VALUE and LIMITSBAR widgets</strong></p>
234
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr><tr><td>Number of characters</td><td>The number of characters wide to make the value box (default = 12)</td><td>False</td></tr></tbody></table>
235
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="labelvaluelimitscolumn">LABELVALUELIMITSCOLUMN<a href="#labelvaluelimitscolumn" class="hash-link" aria-label="Direct link to LABELVALUELIMITSCOLUMN" title="Direct link to LABELVALUELIMITSCOLUMN">​</a></h3>
249
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False<tr><td>Number of characters<td>The number of characters wide to make the value box (default = 12)<td>False</table>
250
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=labelvaluelimitscolumn>LABELVALUELIMITSCOLUMN<a href=#labelvaluelimitscolumn class=hash-link aria-label="Direct link to LABELVALUELIMITSCOLUMN" title="Direct link to LABELVALUELIMITSCOLUMN">​</a></h3>
236
251
  <p><strong>Displays a LABEL with the item name followed by VALUE and LIMITSCOLUMN widgets</strong></p>
237
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr><tr><td>Number of characters</td><td>The number of characters wide to make the value box (default = 12)</td><td>False</td></tr></tbody></table>
252
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False<tr><td>Number of characters<td>The number of characters wide to make the value box (default = 12)<td>False</table>
238
253
  <p>Example Usage:</p>
239
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUELIMITSCOLUMN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUELIMITSCOLUMN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
240
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="labelvaluerangebar">LABELVALUERANGEBAR<a href="#labelvaluerangebar" class="hash-link" aria-label="Direct link to LABELVALUERANGEBAR" title="Direct link to LABELVALUERANGEBAR">​</a></h3>
254
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUELIMITSCOLUMN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUELIMITSCOLUMN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
255
+ <p><img decoding=async loading=lazy alt=LABELVALUELIMITSCOLUMN src=/tools/staticdocs/assets/images/labelvaluelimitscolumn-47664affa9d88150ce257e90d32c61b314d7f0b6aa6da4f5e49152be2cce4ef7.png width=430 height=850 class=img__Ss2></p>
256
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=labelvaluerangebar>LABELVALUERANGEBAR<a href=#labelvaluerangebar class=hash-link aria-label="Direct link to LABELVALUERANGEBAR" title="Direct link to LABELVALUERANGEBAR">​</a></h3>
241
257
  <p><strong>Displays a LABEL with the item name followed by VALUE and RANGEBAR widgets</strong></p>
242
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Low Value</td><td>Minimum value to display on the range bar. If the telemetry item goes below this value the bar is “pegged” on the low end.</td><td>True</td></tr><tr><td>High Value</td><td>Maximum value to display on the range bar. If the telemetry item goes above this value the bar is “pegged” on the high end.</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr><tr><td>Number of characters</td><td>The number of characters wide to make the value box (default = 12)</td><td>False</td></tr><tr><td>Width</td><td>Width of the range bar (default = 160)</td><td>False</td></tr><tr><td>Height</td><td>Height of the range bar (default = 25)</td><td>False</td></tr></tbody></table>
258
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Low Value<td>Minimum value to display on the range bar. If the telemetry item goes below this value the bar is “pegged” on the low end.<td>True<tr><td>High Value<td>Maximum value to display on the range bar. If the telemetry item goes above this value the bar is “pegged” on the high end.<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False<tr><td>Number of characters<td>The number of characters wide to make the value box (default = 12)<td>False<tr><td>Width<td>Width of the range bar (default = 160)<td>False<tr><td>Height<td>Height of the range bar (default = 25)<td>False</table>
243
259
  <p>Example Usage:</p>
244
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUERANGEBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100000</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">40</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUERANGEBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">-</span><span class="token number" style="color:rgb(247, 140, 108)">120</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">120</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
245
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="led">LED<a href="#led" class="hash-link" aria-label="Direct link to LED" title="Direct link to LED">​</a></h3>
260
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUERANGEBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100000</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">40</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUERANGEBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">-</span><span class="token number" style="color:rgb(247, 140, 108)">120</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">120</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
261
+ <p><img decoding=async loading=lazy alt=LABELVALUERANGEBAR src=/tools/staticdocs/assets/images/labelvaluerangebar-641eba160b8ef7872557584de92f046d9e4411fae3280781f9b049265cc6dd52.png width=950 height=226 class=img__Ss2></p>
262
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=led>LED<a href=#led class=hash-link aria-label="Direct link to LED" title="Direct link to LED">​</a></h3>
246
263
  <p><strong>Displays a LED which changes color based on telemetry values</strong></p>
247
264
  <p>By default TRUE is green and FALSE is red and all other values are black. Additional values can be added by using the LED_COLOR setting. For example LED INST PARAMS VALUE3 RAW can be followed by SETTING LED_COLOR 0 GREEN, SETTING LED_COLOR 1 RED, and SETTING LED_COLOR ANY ORANGE.</p>
248
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr><tr><td>Width</td><td>Width of the LED circle (default = 15)</td><td>False</td></tr><tr><td>Height</td><td>Height of the LED circle (default = 15)</td><td>False</td></tr></tbody></table>
265
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False<tr><td>Width<td>Width of the LED circle (default = 15)<td>False<tr><td>Height<td>Height of the LED circle (default = 15)<td>False</table>
249
266
  <p>Example Usage:</p>
250
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LED</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">PARAMS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VALUE5</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">25</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">20</span><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Ellipse</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LED_COLOR</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREEN</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LED_COLOR</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RED</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LED_COLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ANY</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">YELLOW</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
267
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LED</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">PARAMS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VALUE5</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">25</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">20</span><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Ellipse</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LED_COLOR</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREEN</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LED_COLOR</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RED</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LED_COLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ANY</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">YELLOW</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
268
+ <p><img decoding=async loading=lazy alt=LED src=/tools/staticdocs/assets/images/led-d333a6c7e8b1bad13b7775142c74f94b1829ddedd38814d606b2d00e76707751.png width=370 height=130 class=img__Ss2></p>
251
269
  <p>The following settings apply to LED. They are applied using the SETTING keyword.</p>
252
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="led_color-1">LED_COLOR<a href="#led_color-1" class="hash-link" aria-label="Direct link to LED_COLOR" title="Direct link to LED_COLOR">​</a></h4>
270
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=led_color-1>LED_COLOR<a href=#led_color-1 class=hash-link aria-label="Direct link to LED_COLOR" title="Direct link to LED_COLOR">​</a></h4>
253
271
  <p><strong>Map a state or value to a color</strong></p>
254
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Value</td><td>State or value. ANY used to match any value or state not declared.</td><td>True</td></tr><tr><td>LED color</td><td>Color of the LED</td><td>True</td></tr></tbody></table>
255
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="limitsbar">LIMITSBAR<a href="#limitsbar" class="hash-link" aria-label="Direct link to LIMITSBAR" title="Direct link to LIMITSBAR">​</a></h3>
256
- <p><strong>Displays an item&#x27;s current value within its colored limits horizontally</strong></p>
257
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr><tr><td>Width</td><td>Width of the range bar (default = 160)</td><td>False</td></tr><tr><td>Height</td><td>Height of the range bar (default = 25)</td><td>False</td></tr></tbody></table>
258
- <p>Example Usage:</p>
259
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LIMITSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LIMITSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
260
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="limitscolumn">LIMITSCOLUMN<a href="#limitscolumn" class="hash-link" aria-label="Direct link to LIMITSCOLUMN" title="Direct link to LIMITSCOLUMN">​</a></h3>
261
- <p><strong>Displays an item&#x27;s current value within its colored limits vertically</strong></p>
262
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr><tr><td>Width</td><td>Width of the range bar (default = 160)</td><td>False</td></tr><tr><td>Height</td><td>Height of the range bar (default = 25)</td><td>False</td></tr></tbody></table>
263
- <p>Example Usage:</p>
264
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LIMITSCOLUMN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LIMITSCOLUMN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
265
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="limitscolor">LIMITSCOLOR<a href="#limitscolor" class="hash-link" aria-label="Direct link to LIMITSCOLOR" title="Direct link to LIMITSCOLOR">​</a></h3>
272
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Value<td>State or value. ANY used to match any value or state not declared.<td>True<tr><td>LED color<td>Color of the LED<td>True</table>
273
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=limitsbar>LIMITSBAR<a href=#limitsbar class=hash-link aria-label="Direct link to LIMITSBAR" title="Direct link to LIMITSBAR">​</a></h3>
274
+ <p><strong>Displays an item's current value within its colored limits horizontally</strong></p>
275
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False<tr><td>Width<td>Width of the range bar (default = 160)<td>False<tr><td>Height<td>Height of the range bar (default = 25)<td>False</table>
276
+ <p>Example Usage:</p>
277
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LIMITSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LIMITSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
278
+ <p><img decoding=async loading=lazy alt=LIMITSBAR src=/tools/staticdocs/assets/images/limitsbar-4f2758f846f6f8a1add81aeaf3b58e071792a6d2ccae9eb504e9c07ab8f8dae1.png width=450 height=246 class=img__Ss2></p>
279
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=limitscolumn>LIMITSCOLUMN<a href=#limitscolumn class=hash-link aria-label="Direct link to LIMITSCOLUMN" title="Direct link to LIMITSCOLUMN">​</a></h3>
280
+ <p><strong>Displays an item's current value within its colored limits vertically</strong></p>
281
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False<tr><td>Width<td>Width of the range bar (default = 160)<td>False<tr><td>Height<td>Height of the range bar (default = 25)<td>False</table>
282
+ <p>Example Usage:</p>
283
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LIMITSCOLUMN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LIMITSCOLUMN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
284
+ <p><img decoding=async loading=lazy alt=LIMITSCOLUMN src=/tools/staticdocs/assets/images/limitscolumn-743800180e9558c86a4f5c5d949e2b8355420a98c85ef98a3320b09defa21fe6.png width=372 height=724 class=img__Ss2></p>
285
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=limitscolor>LIMITSCOLOR<a href=#limitscolor class=hash-link aria-label="Direct link to LIMITSCOLOR" title="Direct link to LIMITSCOLOR">​</a></h3>
266
286
  <p><strong>Displays a circle depicting the limits color of an item</strong></p>
267
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr><tr><td>Radius</td><td>Radius of the circle (default is 10)</td><td>False</td></tr><tr><td>Full Item Name</td><td>Show the full item name (default is false)</td><td>False</td></tr></tbody></table>
287
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False<tr><td>Radius<td>Radius of the circle (default is 10)<td>False<tr><td>Full Item Name<td>Show the full item name (default is false)<td>False</table>
268
288
  <p>Example Usage:</p>
269
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LIMITSCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">30</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TRUE</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LIMITSCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
270
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="valuelimitsbar">VALUELIMITSBAR<a href="#valuelimitsbar" class="hash-link" aria-label="Direct link to VALUELIMITSBAR" title="Direct link to VALUELIMITSBAR">​</a></h3>
289
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LIMITSCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">30</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TRUE</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LIMITSCOLOR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
290
+ <p><img decoding=async loading=lazy alt=LIMITSCOLOR src=/tools/staticdocs/assets/images/limitscolor-7f8e24e4f27f476c3b4c57393ab797268b86aa8ad8b6e7b83d72dd5bf3ca7952.png width=558 height=226 class=img__Ss2></p>
291
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=valuelimitsbar>VALUELIMITSBAR<a href=#valuelimitsbar class=hash-link aria-label="Direct link to VALUELIMITSBAR" title="Direct link to VALUELIMITSBAR">​</a></h3>
271
292
  <p><strong>Displays an item VALUE followed by LIMITSBAR</strong></p>
272
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr><tr><td>Number of characters</td><td>The number of characters wide to make the value box (default = 12)</td><td>False</td></tr></tbody></table>
293
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False<tr><td>Number of characters<td>The number of characters wide to make the value box (default = 12)<td>False</table>
273
294
  <p>Example Usage:</p>
274
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">VALUELIMITSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">VALUELIMITSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
275
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="valuelimitscolumn">VALUELIMITSCOLUMN<a href="#valuelimitscolumn" class="hash-link" aria-label="Direct link to VALUELIMITSCOLUMN" title="Direct link to VALUELIMITSCOLUMN">​</a></h3>
295
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">VALUELIMITSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">VALUELIMITSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
296
+ <p><img decoding=async loading=lazy alt=VALUELIMITSBAR src=/tools/staticdocs/assets/images/valuelimitsbar-fd7637e8b4287430ab21a888acd1d10276438186bad6d204a4081c1b0423950f.png width=746 height=218 class=img__Ss2></p>
297
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=valuelimitscolumn>VALUELIMITSCOLUMN<a href=#valuelimitscolumn class=hash-link aria-label="Direct link to VALUELIMITSCOLUMN" title="Direct link to VALUELIMITSCOLUMN">​</a></h3>
276
298
  <p><strong>Displays an item VALUE followed by LIMITSCOLUMN</strong></p>
277
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr><tr><td>Number of characters</td><td>The number of characters wide to make the value box (default = 8)</td><td>False</td></tr></tbody></table>
299
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False<tr><td>Number of characters<td>The number of characters wide to make the value box (default = 8)<td>False</table>
278
300
  <p>Example Usage:</p>
279
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">VALUELIMITSCOLUMN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">VALUELIMITSCOLUMN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
280
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="valuerangebar">VALUERANGEBAR<a href="#valuerangebar" class="hash-link" aria-label="Direct link to VALUERANGEBAR" title="Direct link to VALUERANGEBAR">​</a></h3>
301
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">VALUELIMITSCOLUMN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">VALUELIMITSCOLUMN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
302
+ <p><img decoding=async loading=lazy alt=VALUELIMITSCOLUMN src=/tools/staticdocs/assets/images/valuelimitscolumn-aecfce9016c27e500eb506675bd372f77df1d671fd8fb0f30debe18c5cfee46c.png width=434 height=706 class=img__Ss2></p>
303
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=valuerangebar>VALUERANGEBAR<a href=#valuerangebar class=hash-link aria-label="Direct link to VALUERANGEBAR" title="Direct link to VALUERANGEBAR">​</a></h3>
281
304
  <p><strong>Displays an item VALUE followed by RANGEBAR</strong></p>
282
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Low Value</td><td>Minimum value to display on the range bar. If the telemetry item goes below this value the bar is “pegged” on the low end.</td><td>True</td></tr><tr><td>High Value</td><td>Maximum value to display on the range bar. If the telemetry item goes above this value the bar is “pegged” on the high end.</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr><tr><td>Number of characters</td><td>The number of characters wide to make the value box (default = 12)</td><td>False</td></tr><tr><td>Width</td><td>Width of the range bar (default = 160)</td><td>False</td></tr><tr><td>Height</td><td>Height of the range bar (default = 25)</td><td>False</td></tr></tbody></table>
305
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Low Value<td>Minimum value to display on the range bar. If the telemetry item goes below this value the bar is “pegged” on the low end.<td>True<tr><td>High Value<td>Maximum value to display on the range bar. If the telemetry item goes above this value the bar is “pegged” on the high end.<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False<tr><td>Number of characters<td>The number of characters wide to make the value box (default = 12)<td>False<tr><td>Width<td>Width of the range bar (default = 160)<td>False<tr><td>Height<td>Height of the range bar (default = 25)<td>False</table>
283
306
  <p>Example Usage:</p>
284
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">VALUERANGEBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100000</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">40</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">VALUERANGEBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">-</span><span class="token number" style="color:rgb(247, 140, 108)">120</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">120</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
285
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="linegraph">LINEGRAPH<a href="#linegraph" class="hash-link" aria-label="Direct link to LINEGRAPH" title="Direct link to LINEGRAPH">​</a></h3>
307
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">VALUERANGEBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100000</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">40</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">VALUERANGEBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">-</span><span class="token number" style="color:rgb(247, 140, 108)">120</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">120</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
308
+ <p><img decoding=async loading=lazy alt=VALUERANGEBAR src=/tools/staticdocs/assets/images/valuerangebar-3a860f1fb4af1beeeb846c389c60f08eb633cc15cbb6f1c09509b5f5c0116d56.png width=576 height=260 class=img__Ss2></p>
309
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=linegraph>LINEGRAPH<a href=#linegraph class=hash-link aria-label="Direct link to LINEGRAPH" title="Direct link to LINEGRAPH">​</a></h3>
286
310
  <p><strong>Displays a line graph of a telemetry item</strong></p>
287
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED</span></td><td>False</td></tr><tr><td>Reduced</td><td>Whether to display reduced data. Default is DECOM.<br><br>Valid Values: <span class="values">DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY</span></td><td>False</td></tr><tr><td>Reduced Type</td><td>The type of reduce data to display. Only applies if Reduced is not DECOM.<br><br>Valid Values: <span class="values">MIN, MAX, AVG, STDDEV</span></td><td>False</td></tr></tbody></table>
311
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED</span><td>False<tr><td>Reduced<td>Whether to display reduced data. Default is DECOM.<br><br>Valid Values: <span class=values>DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY</span><td>False<tr><td>Reduced Type<td>The type of reduce data to display. Only applies if Reduced is not DECOM.<br><br>Valid Values: <span class=values>MIN, MAX, AVG, STDDEV</span><td>False</table>
288
312
  <p>Example Usage:</p>
289
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LINEGRAPH</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ITEM</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ADCS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">Q1</span><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Add additional item to graph</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LINEGRAPH</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP2</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LINEGRAPH</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP3</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">REDUCED_MINUTE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">MIN</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SIZE</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">600</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">500</span><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># width height</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HISTORY</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">1</span><span class="token plain">h </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># load 1 hour of data into graph</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">LINEGRAPH</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP4</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HISTORY</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">30</span><span class="token plain">m </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># load 30 minutes of data into graph</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
313
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LINEGRAPH</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ITEM</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ADCS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">Q1</span><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Add additional item to graph</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
314
+ <p><img decoding=async loading=lazy alt=LINEGRAPH src=/tools/staticdocs/assets/images/linegraph-dc3cca59601beb3ea551bbd05e4e09b6cfabd1a7cbc93b757a7d4b22c478a75b.png width=848 height=822 class=img__Ss2></p>
290
315
  <p>The following settings apply to LINEGRAPH. They are applied using the SETTING keyword.</p>
291
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="item">ITEM<a href="#item" class="hash-link" aria-label="Direct link to ITEM" title="Direct link to ITEM">​</a></h4>
316
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=item>ITEM<a href=#item class=hash-link aria-label="Direct link to ITEM" title="Direct link to ITEM">​</a></h4>
292
317
  <p><strong>Add a telemetry item to the graph</strong></p>
293
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED</span></td><td>False</td></tr><tr><td>Reduced</td><td>Whether to display reduced data. Default is DECOM.<br><br>Valid Values: <span class="values">DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY</span></td><td>False</td></tr><tr><td>Reduced Type</td><td>The type of reduce data to display. Only applies if Reduced is not DECOM.<br><br>Valid Values: <span class="values">MIN, MAX, AVG, STDDEV</span></td><td>False</td></tr></tbody></table>
294
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="starttime">STARTTIME<a href="#starttime" class="hash-link" aria-label="Direct link to STARTTIME" title="Direct link to STARTTIME">​</a></h4>
295
- <p></p><div class="right">(Since 5.5.1)</div><strong>Start the graph history at the designated Time</strong><p></p>
296
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Start Time</td><td>Start time as formatted &#x27;YYYY/MM/DD HH:MM<!-- -->:SS<!-- -->&#x27;</td><td>True</td></tr></tbody></table>
297
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="history">HISTORY<a href="#history" class="hash-link" aria-label="Direct link to HISTORY" title="Direct link to HISTORY">​</a></h4>
298
- <p></p><div class="right">(Since 5.5.1)</div><strong>Display an initial history of data</strong><p></p>
299
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Value</td><td>Value(d,h,m,s). For example 1d, 2h, 30m, 15s</td><td>True</td></tr></tbody></table>
300
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="secondsgraphed">SECONDSGRAPHED<a href="#secondsgraphed" class="hash-link" aria-label="Direct link to SECONDSGRAPHED" title="Direct link to SECONDSGRAPHED">​</a></h4>
318
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED</span><td>False<tr><td>Reduced<td>Whether to display reduced data. Default is DECOM.<br><br>Valid Values: <span class=values>DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY</span><td>False<tr><td>Reduced Type<td>The type of reduce data to display. Only applies if Reduced is not DECOM.<br><br>Valid Values: <span class=values>MIN, MAX, AVG, STDDEV</span><td>False</table>
319
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=starttime>STARTTIME<a href=#starttime class=hash-link aria-label="Direct link to STARTTIME" title="Direct link to STARTTIME">​</a></h4>
320
+ <p><div class=right>(Since 5.5.1)</div><strong>Start the graph history at the designated Time</strong><p></p>
321
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Start Time<td>Start time as formatted 'YYYY/MM/DD HH:MM<!-- -->:SS<!-- -->'<td>True</table>
322
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=history>HISTORY<a href=#history class=hash-link aria-label="Direct link to HISTORY" title="Direct link to HISTORY">​</a></h4>
323
+ <p><div class=right>(Since 5.5.1)</div><strong>Display an initial history of data</strong><p></p>
324
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Value<td>Value(d,h,m,s). For example 1d, 2h, 30m, 15s<td>True</table>
325
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=secondsgraphed>SECONDSGRAPHED<a href=#secondsgraphed class=hash-link aria-label="Direct link to SECONDSGRAPHED" title="Direct link to SECONDSGRAPHED">​</a></h4>
301
326
  <p><strong>Display the specified number of seconds in the graph</strong></p>
302
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Time</td><td>Number of seconds to display</td><td>True</td></tr></tbody></table>
303
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="pointssaved">POINTSSAVED<a href="#pointssaved" class="hash-link" aria-label="Direct link to POINTSSAVED" title="Direct link to POINTSSAVED">​</a></h4>
327
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Time<td>Number of seconds to display<td>True</table>
328
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=pointssaved>POINTSSAVED<a href=#pointssaved class=hash-link aria-label="Direct link to POINTSSAVED" title="Direct link to POINTSSAVED">​</a></h4>
304
329
  <p><strong>Save the number of seconds in graph memory</strong></p>
305
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Time</td><td>Number of seconds to save</td><td>True</td></tr></tbody></table>
306
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="pointsgraphed">POINTSGRAPHED<a href="#pointsgraphed" class="hash-link" aria-label="Direct link to POINTSGRAPHED" title="Direct link to POINTSGRAPHED">​</a></h4>
330
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Time<td>Number of seconds to save<td>True</table>
331
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=pointsgraphed>POINTSGRAPHED<a href=#pointsgraphed class=hash-link aria-label="Direct link to POINTSGRAPHED" title="Direct link to POINTSGRAPHED">​</a></h4>
307
332
  <p><strong>Number of points to display on the graph</strong></p>
308
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Time</td><td>Number of points to graph</td><td>True</td></tr></tbody></table>
309
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="size">SIZE<a href="#size" class="hash-link" aria-label="Direct link to SIZE" title="Direct link to SIZE">​</a></h4>
333
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Time<td>Number of points to graph<td>True</table>
334
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=size>SIZE<a href=#size class=hash-link aria-label="Direct link to SIZE" title="Direct link to SIZE">​</a></h4>
310
335
  <p><strong>Size of the graph</strong></p>
311
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Width</td><td>Width in pixels</td><td>True</td></tr><tr><td>Height</td><td>Height in pixels</td><td>True</td></tr></tbody></table>
312
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="sparkline">SPARKLINE<a href="#sparkline" class="hash-link" aria-label="Direct link to SPARKLINE" title="Direct link to SPARKLINE">​</a></h3>
336
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Width<td>Width in pixels<td>True<tr><td>Height<td>Height in pixels<td>True</table>
337
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=sparkline>SPARKLINE<a href=#sparkline class=hash-link aria-label="Direct link to SPARKLINE" title="Direct link to SPARKLINE">​</a></h3>
313
338
  <p><strong>Displays a sparkline graph (no cursor, scale or legend) of a telemetry item</strong></p>
314
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED</span></td><td>False</td></tr><tr><td>Reduced</td><td>Whether to display reduced data. Default is DECOM.<br><br>Valid Values: <span class="values">DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY</span></td><td>False</td></tr><tr><td>Reduced Type</td><td>The type of reduce data to display. Only applies if Reduced is not DECOM.<br><br>Valid Values: <span class="values">MIN, MAX, AVG, STDDEV</span></td><td>False</td></tr></tbody></table>
339
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED</span><td>False<tr><td>Reduced<td>Whether to display reduced data. Default is DECOM.<br><br>Valid Values: <span class=values>DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY</span><td>False<tr><td>Reduced Type<td>The type of reduce data to display. Only applies if Reduced is not DECOM.<br><br>Valid Values: <span class=values>MIN, MAX, AVG, STDDEV</span><td>False</table>
315
340
  <p>Example Usage:</p>
316
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">SPARKLINE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SIZE</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">400</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HISTORY</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">30</span><span class="token plain">s </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Add 30 seconds of data into graph</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
341
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">SPARKLINE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SIZE</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">400</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HISTORY</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">30</span><span class="token plain">s </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Add 30 seconds of data into graph</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
342
+ <p><img decoding=async loading=lazy alt=SPARKLINE src=/tools/staticdocs/assets/images/sparkline-c5f8ecd361eef8172a9dea7ff70f3c1b056a3a00b525459429ead67d00c0c0e5.png width=858 height=202 class=img__Ss2></p>
317
343
  <p>The following settings apply to SPARKLINE. They are applied using the SETTING keyword.</p>
318
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="item-1">ITEM<a href="#item-1" class="hash-link" aria-label="Direct link to ITEM" title="Direct link to ITEM">​</a></h4>
344
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=item-1>ITEM<a href=#item-1 class=hash-link aria-label="Direct link to ITEM" title="Direct link to ITEM">​</a></h4>
319
345
  <p><strong>Add a telemetry item to the graph</strong></p>
320
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED</span></td><td>False</td></tr><tr><td>Reduced</td><td>Whether to display reduced data. Default is DECOM.<br><br>Valid Values: <span class="values">DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY</span></td><td>False</td></tr><tr><td>Reduced Type</td><td>The type of reduce data to display. Only applies if Reduced is not DECOM.<br><br>Valid Values: <span class="values">MIN, MAX, AVG, STDDEV</span></td><td>False</td></tr></tbody></table>
321
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="starttime-1">STARTTIME<a href="#starttime-1" class="hash-link" aria-label="Direct link to STARTTIME" title="Direct link to STARTTIME">​</a></h4>
322
- <p></p><div class="right">(Since 5.5.1)</div><strong>Start the graph history at the designated Time</strong><p></p>
323
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Start Time</td><td>Start time as formatted &#x27;YYYY/MM/DD HH:MM<!-- -->:SS<!-- -->&#x27;</td><td>True</td></tr></tbody></table>
324
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="history-1">HISTORY<a href="#history-1" class="hash-link" aria-label="Direct link to HISTORY" title="Direct link to HISTORY">​</a></h4>
325
- <p></p><div class="right">(Since 5.5.1)</div><strong>Display an initial history of data</strong><p></p>
326
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Value</td><td>Value(d,h,m,s). For example 1d, 2h, 30m, 15s</td><td>True</td></tr></tbody></table>
327
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="secondsgraphed-1">SECONDSGRAPHED<a href="#secondsgraphed-1" class="hash-link" aria-label="Direct link to SECONDSGRAPHED" title="Direct link to SECONDSGRAPHED">​</a></h4>
346
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED</span><td>False<tr><td>Reduced<td>Whether to display reduced data. Default is DECOM.<br><br>Valid Values: <span class=values>DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY</span><td>False<tr><td>Reduced Type<td>The type of reduce data to display. Only applies if Reduced is not DECOM.<br><br>Valid Values: <span class=values>MIN, MAX, AVG, STDDEV</span><td>False</table>
347
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=starttime-1>STARTTIME<a href=#starttime-1 class=hash-link aria-label="Direct link to STARTTIME" title="Direct link to STARTTIME">​</a></h4>
348
+ <p><div class=right>(Since 5.5.1)</div><strong>Start the graph history at the designated Time</strong><p></p>
349
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Start Time<td>Start time as formatted 'YYYY/MM/DD HH:MM<!-- -->:SS<!-- -->'<td>True</table>
350
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=history-1>HISTORY<a href=#history-1 class=hash-link aria-label="Direct link to HISTORY" title="Direct link to HISTORY">​</a></h4>
351
+ <p><div class=right>(Since 5.5.1)</div><strong>Display an initial history of data</strong><p></p>
352
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Value<td>Value(d,h,m,s). For example 1d, 2h, 30m, 15s<td>True</table>
353
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=secondsgraphed-1>SECONDSGRAPHED<a href=#secondsgraphed-1 class=hash-link aria-label="Direct link to SECONDSGRAPHED" title="Direct link to SECONDSGRAPHED">​</a></h4>
328
354
  <p><strong>Display the specified number of seconds in the graph</strong></p>
329
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Time</td><td>Number of seconds to display</td><td>True</td></tr></tbody></table>
330
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="pointssaved-1">POINTSSAVED<a href="#pointssaved-1" class="hash-link" aria-label="Direct link to POINTSSAVED" title="Direct link to POINTSSAVED">​</a></h4>
355
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Time<td>Number of seconds to display<td>True</table>
356
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=pointssaved-1>POINTSSAVED<a href=#pointssaved-1 class=hash-link aria-label="Direct link to POINTSSAVED" title="Direct link to POINTSSAVED">​</a></h4>
331
357
  <p><strong>Save the number of seconds in graph memory</strong></p>
332
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Time</td><td>Number of seconds to save</td><td>True</td></tr></tbody></table>
333
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="pointsgraphed-1">POINTSGRAPHED<a href="#pointsgraphed-1" class="hash-link" aria-label="Direct link to POINTSGRAPHED" title="Direct link to POINTSGRAPHED">​</a></h4>
358
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Time<td>Number of seconds to save<td>True</table>
359
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=pointsgraphed-1>POINTSGRAPHED<a href=#pointsgraphed-1 class=hash-link aria-label="Direct link to POINTSGRAPHED" title="Direct link to POINTSGRAPHED">​</a></h4>
334
360
  <p><strong>Number of points to display on the graph</strong></p>
335
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Time</td><td>Number of points to graph</td><td>True</td></tr></tbody></table>
336
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="size-1">SIZE<a href="#size-1" class="hash-link" aria-label="Direct link to SIZE" title="Direct link to SIZE">​</a></h4>
361
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Time<td>Number of points to graph<td>True</table>
362
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=size-1>SIZE<a href=#size-1 class=hash-link aria-label="Direct link to SIZE" title="Direct link to SIZE">​</a></h4>
337
363
  <p><strong>Size of the graph</strong></p>
338
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Width</td><td>Width in pixels</td><td>True</td></tr><tr><td>Height</td><td>Height in pixels</td><td>True</td></tr></tbody></table>
339
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="labelsparkline">LABELSPARKLINE<a href="#labelsparkline" class="hash-link" aria-label="Direct link to LABELSPARKLINE" title="Direct link to LABELSPARKLINE">​</a></h3>
364
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Width<td>Width in pixels<td>True<tr><td>Height<td>Height in pixels<td>True</table>
365
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=labelsparkline>LABELSPARKLINE<a href=#labelsparkline class=hash-link aria-label="Direct link to LABELSPARKLINE" title="Direct link to LABELSPARKLINE">​</a></h3>
340
366
  <p><strong>Displays a LABEL with the item name followed by a SPARKLINE</strong></p>
341
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED</span></td><td>False</td></tr><tr><td>Reduced</td><td>Whether to display reduced data. Default is DECOM.<br><br>Valid Values: <span class="values">DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY</span></td><td>False</td></tr><tr><td>Reduced Type</td><td>The type of reduce data to display. Only applies if Reduced is not DECOM.<br><br>Valid Values: <span class="values">MIN, MAX, AVG, STDDEV</span></td><td>False</td></tr></tbody></table>
367
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED</span><td>False<tr><td>Reduced<td>Whether to display reduced data. Default is DECOM.<br><br>Valid Values: <span class=values>DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY</span><td>False<tr><td>Reduced Type<td>The type of reduce data to display. Only applies if Reduced is not DECOM.<br><br>Valid Values: <span class=values>MIN, MAX, AVG, STDDEV</span><td>False</table>
342
368
  <p>Example Usage:</p>
343
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">LABELSPARKLINE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HISTORY</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain">m </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Add 5 minutes of data into graph</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
369
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">LABELSPARKLINE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HISTORY</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain">m </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Add 5 minutes of data into graph</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
370
+ <p><img decoding=async loading=lazy alt=LABELSPARKLINE src=/tools/staticdocs/assets/images/labelsparkline-5985a0f034a5d2fb54b040612178ac9f0d5476eb76ca7e04cacc2618a9970c69.png width=442 height=154 class=img__Ss2></p>
344
371
  <p>The following settings apply to LABELSPARKLINE. They are applied using the SETTING keyword.</p>
345
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="item-2">ITEM<a href="#item-2" class="hash-link" aria-label="Direct link to ITEM" title="Direct link to ITEM">​</a></h4>
372
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=item-2>ITEM<a href=#item-2 class=hash-link aria-label="Direct link to ITEM" title="Direct link to ITEM">​</a></h4>
346
373
  <p><strong>Add a telemetry item to the graph</strong></p>
347
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED</span></td><td>False</td></tr><tr><td>Reduced</td><td>Whether to display reduced data. Default is DECOM.<br><br>Valid Values: <span class="values">DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY</span></td><td>False</td></tr><tr><td>Reduced Type</td><td>The type of reduce data to display. Only applies if Reduced is not DECOM.<br><br>Valid Values: <span class="values">MIN, MAX, AVG, STDDEV</span></td><td>False</td></tr></tbody></table>
348
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="starttime-2">STARTTIME<a href="#starttime-2" class="hash-link" aria-label="Direct link to STARTTIME" title="Direct link to STARTTIME">​</a></h4>
349
- <p></p><div class="right">(Since 5.5.1)</div><strong>Start the graph history at the designated Time</strong><p></p>
350
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Start Time</td><td>Start time as formatted &#x27;YYYY/MM/DD HH:MM<!-- -->:SS<!-- -->&#x27;</td><td>True</td></tr></tbody></table>
351
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="history-2">HISTORY<a href="#history-2" class="hash-link" aria-label="Direct link to HISTORY" title="Direct link to HISTORY">​</a></h4>
352
- <p></p><div class="right">(Since 5.5.1)</div><strong>Display an initial history of data</strong><p></p>
353
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Value</td><td>Value(d,h,m,s). For example 1d, 2h, 30m, 15s</td><td>True</td></tr></tbody></table>
354
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="secondsgraphed-2">SECONDSGRAPHED<a href="#secondsgraphed-2" class="hash-link" aria-label="Direct link to SECONDSGRAPHED" title="Direct link to SECONDSGRAPHED">​</a></h4>
374
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED</span><td>False<tr><td>Reduced<td>Whether to display reduced data. Default is DECOM.<br><br>Valid Values: <span class=values>DECOM, REDUCED_MINUTE, REDUCED_HOUR, REDUCED_DAY</span><td>False<tr><td>Reduced Type<td>The type of reduce data to display. Only applies if Reduced is not DECOM.<br><br>Valid Values: <span class=values>MIN, MAX, AVG, STDDEV</span><td>False</table>
375
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=starttime-2>STARTTIME<a href=#starttime-2 class=hash-link aria-label="Direct link to STARTTIME" title="Direct link to STARTTIME">​</a></h4>
376
+ <p><div class=right>(Since 5.5.1)</div><strong>Start the graph history at the designated Time</strong><p></p>
377
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Start Time<td>Start time as formatted 'YYYY/MM/DD HH:MM<!-- -->:SS<!-- -->'<td>True</table>
378
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=history-2>HISTORY<a href=#history-2 class=hash-link aria-label="Direct link to HISTORY" title="Direct link to HISTORY">​</a></h4>
379
+ <p><div class=right>(Since 5.5.1)</div><strong>Display an initial history of data</strong><p></p>
380
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Value<td>Value(d,h,m,s). For example 1d, 2h, 30m, 15s<td>True</table>
381
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=secondsgraphed-2>SECONDSGRAPHED<a href=#secondsgraphed-2 class=hash-link aria-label="Direct link to SECONDSGRAPHED" title="Direct link to SECONDSGRAPHED">​</a></h4>
355
382
  <p><strong>Display the specified number of seconds in the graph</strong></p>
356
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Time</td><td>Number of seconds to display</td><td>True</td></tr></tbody></table>
357
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="pointssaved-2">POINTSSAVED<a href="#pointssaved-2" class="hash-link" aria-label="Direct link to POINTSSAVED" title="Direct link to POINTSSAVED">​</a></h4>
383
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Time<td>Number of seconds to display<td>True</table>
384
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=pointssaved-2>POINTSSAVED<a href=#pointssaved-2 class=hash-link aria-label="Direct link to POINTSSAVED" title="Direct link to POINTSSAVED">​</a></h4>
358
385
  <p><strong>Save the number of seconds in graph memory</strong></p>
359
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Time</td><td>Number of seconds to save</td><td>True</td></tr></tbody></table>
360
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="pointsgraphed-2">POINTSGRAPHED<a href="#pointsgraphed-2" class="hash-link" aria-label="Direct link to POINTSGRAPHED" title="Direct link to POINTSGRAPHED">​</a></h4>
386
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Time<td>Number of seconds to save<td>True</table>
387
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=pointsgraphed-2>POINTSGRAPHED<a href=#pointsgraphed-2 class=hash-link aria-label="Direct link to POINTSGRAPHED" title="Direct link to POINTSGRAPHED">​</a></h4>
361
388
  <p><strong>Number of points to display on the graph</strong></p>
362
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Time</td><td>Number of points to graph</td><td>True</td></tr></tbody></table>
363
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="size-2">SIZE<a href="#size-2" class="hash-link" aria-label="Direct link to SIZE" title="Direct link to SIZE">​</a></h4>
389
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Time<td>Number of points to graph<td>True</table>
390
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=size-2>SIZE<a href=#size-2 class=hash-link aria-label="Direct link to SIZE" title="Direct link to SIZE">​</a></h4>
364
391
  <p><strong>Size of the graph</strong></p>
365
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Width</td><td>Width in pixels</td><td>True</td></tr><tr><td>Height</td><td>Height in pixels</td><td>True</td></tr></tbody></table>
366
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="imageviewer">IMAGEVIEWER<a href="#imageviewer" class="hash-link" aria-label="Direct link to IMAGEVIEWER" title="Direct link to IMAGEVIEWER">​</a></h3>
392
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Width<td>Width in pixels<td>True<tr><td>Height<td>Height in pixels<td>True</table>
393
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=imageviewer>IMAGEVIEWER<a href=#imageviewer class=hash-link aria-label="Direct link to IMAGEVIEWER" title="Direct link to IMAGEVIEWER">​</a></h3>
367
394
  <p><strong>Display a base64 image from a TLM packet</strong></p>
368
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name to pull the CONVERTED value from. If additional processing (base64 encoding) is needed consider using a DERIVED item.</td><td>True</td></tr><tr><td>Format</td><td>The image format of the base64 data (e.g. jpg, png, etc)</td><td>True</td></tr></tbody></table>
395
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name to pull the CONVERTED value from. If additional processing (base64 encoding) is needed consider using a DERIVED item.<td>True<tr><td>Format<td>The image format of the base64 data (e.g. jpg, png, etc)<td>True</table>
369
396
  <p>Example Usage:</p>
370
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">IMAGEVIEWER</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">IMAGE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">IMAGE</span><span class="token plain"> jpg</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
371
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="progressbar">PROGRESSBAR<a href="#progressbar" class="hash-link" aria-label="Direct link to PROGRESSBAR" title="Direct link to PROGRESSBAR">​</a></h3>
397
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">IMAGEVIEWER</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">IMAGE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">IMAGE</span><span class="token plain"> jpg</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
398
+ <p><img decoding=async loading=lazy alt=IMAGEVIEWER src=/tools/staticdocs/assets/images/imageviewer-6149159e29a35cd6694926b344836ce034ce17cc019537028a80d95460eec405.png width=426 height=476 class=img__Ss2></p>
399
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=progressbar>PROGRESSBAR<a href=#progressbar class=hash-link aria-label="Direct link to PROGRESSBAR" title="Direct link to PROGRESSBAR">​</a></h3>
372
400
  <p><strong>Displays a progress bar that is useful for displaying percentages</strong></p>
373
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Scale factor</td><td>Value to multiple the telemetry item by before displaying the in the progress bar. Final value should be in the range of 0 to 100. Default is 1.0.</td><td>False</td></tr><tr><td>Width</td><td>Width of the progress bar (default = 100 pixels)</td><td>False</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr></tbody></table>
401
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Scale factor<td>Value to multiple the telemetry item by before displaying the in the progress bar. Final value should be in the range of 0 to 100. Default is 1.0.<td>False<tr><td>Width<td>Width of the progress bar (default = 100 pixels)<td>False<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False</table>
374
402
  <p>Example Usage:</p>
375
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">PROGRESSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ADCS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">POSPROGRESS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0.5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">PROGRESSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ADCS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">POSPROGRESS</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
376
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="rangebar">RANGEBAR<a href="#rangebar" class="hash-link" aria-label="Direct link to RANGEBAR" title="Direct link to RANGEBAR">​</a></h3>
403
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">PROGRESSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ADCS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">POSPROGRESS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0.5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">PROGRESSBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">ADCS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">POSPROGRESS</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
404
+ <p><img decoding=async loading=lazy alt=PROGRESSBAR src=/tools/staticdocs/assets/images/progressbar-cc1095369de0d483c4a9b07ad3a76f9e966990b2aa68b2bc8177d7130ed382a7.png width=452 height=208 class=img__Ss2></p>
405
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=rangebar>RANGEBAR<a href=#rangebar class=hash-link aria-label="Direct link to RANGEBAR" title="Direct link to RANGEBAR">​</a></h3>
377
406
  <p><strong>Displays a custom range bar displaying the item value</strong></p>
378
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Low Value</td><td>Minimum value to display on the range bar. If the telemetry item goes below this value the bar is “pegged” on the low end.</td><td>True</td></tr><tr><td>High Value</td><td>Maximum value to display on the range bar. If the telemetry item goes above this value the bar is “pegged” on the high end.</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr><tr><td>Width</td><td>Width of the range bar (default = 100)</td><td>False</td></tr><tr><td>Height</td><td>Height of the range bar (default = 25)</td><td>False</td></tr></tbody></table>
379
- <p>Example Usage:</p>
380
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">RANGEBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100000</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">RANGEBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">-</span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
381
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="rollup">ROLLUP<a href="#rollup" class="hash-link" aria-label="Direct link to ROLLUP" title="Direct link to ROLLUP">​</a></h3>
382
- <p></p><div class="right">(Since 5.17.1)</div><strong>Displays a notification icon which changes color based on a rollup telemetry</strong><p></p>
383
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Icon name</td><td>The astro UX icon to display. Valid choices are &#x27;astro&#x27; icons taken from <a href="https://github.com/RocketCommunicationsInc/astro-components/blob/master/static/json/rux-icons.json" target="_blank" rel="noopener noreferrer">https://github.com/RocketCommunicationsInc/astro-components/blob/master/static/json/rux-icons.json</a>.</td><td>True</td></tr><tr><td>Icon label</td><td>Text to apply to the icon label</td><td>False</td></tr><tr><td>Icon sublabel</td><td>Text to apply to the icon sublabel</td><td>False</td></tr></tbody></table>
384
- <p>Example Usage:</p>
385
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">ROLLUP</span><span class="token plain"> satellite</span><span class="token operator" style="color:rgb(127, 219, 202)">-</span><span class="token plain">transmit </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;SAT 1&quot;</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Details&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Screen to open on click</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SCREEN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HS</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Telemetry items to rollup status</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TLM</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TLM</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP2</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">ROLLUP</span><span class="token plain"> antenna </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;GND 2&quot;</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Location&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Screen to open on click</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SCREEN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HS</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Telemetry items to rollup status</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TLM</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP3</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TLM</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP4</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
386
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="signal">SIGNAL<a href="#signal" class="hash-link" aria-label="Direct link to SIGNAL" title="Direct link to SIGNAL">​</a></h3>
387
- <p></p><div class="right">(Since 5.17.2)</div><strong>Displays a cellular signal icon which changes based on telemetry value</strong><p></p>
388
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED</span></td><td>False</td></tr></tbody></table>
389
- <p>Example Usage:</p>
390
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">SIGNAL</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Screen to open on click</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SCREEN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HS</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Values to compare when setting the 1-bar, 2-bar and 3-bar icons</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Default is 30, 60, 90 (e.g. 0 to 100 range)</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Value &lt; -50 display no bars</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Value &gt;= -50 and &lt; 0 displays 1 bar</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Value &gt;= 0 and &lt; 50 displays 2 bars</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Value &gt;= 50 displays 5 bars</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RANGE</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">-</span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
391
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="textbox">TEXTBOX<a href="#textbox" class="hash-link" aria-label="Direct link to TEXTBOX" title="Direct link to TEXTBOX">​</a></h3>
407
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Low Value<td>Minimum value to display on the range bar. If the telemetry item goes below this value the bar is “pegged” on the low end.<td>True<tr><td>High Value<td>Maximum value to display on the range bar. If the telemetry item goes above this value the bar is “pegged” on the high end.<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False<tr><td>Width<td>Width of the range bar (default = 100)<td>False<tr><td>Height<td>Height of the range bar (default = 25)<td>False</table>
408
+ <p>Example Usage:</p>
409
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">RANGEBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100000</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">RANGEBAR</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">-</span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
410
+ <p><img decoding=async loading=lazy alt=RANGEBAR src=/tools/staticdocs/assets/images/rangebar-ceae5a30609ab12625e29fd479e88fb3ba16eb12879976edc807da87547a275d.png width=438 height=288 class=img__Ss2></p>
411
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=rollup>ROLLUP<a href=#rollup class=hash-link aria-label="Direct link to ROLLUP" title="Direct link to ROLLUP">​</a></h3>
412
+ <p><div class=right>(Since 5.17.1)</div><strong>Displays a notification icon which changes color based on a rollup telemetry</strong><p></p>
413
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Icon name<td>The astro UX icon to display. Valid choices are 'astro' icons taken from <a href=https://github.com/RocketCommunicationsInc/astro-components/blob/master/static/json/rux-icons.json target=_blank rel="noopener noreferrer">https://github.com/RocketCommunicationsInc/astro-components/blob/master/static/json/rux-icons.json</a>.<td>True<tr><td>Icon label<td>Text to apply to the icon label<td>False<tr><td>Icon sublabel<td>Text to apply to the icon sublabel<td>False</table>
414
+ <p>Example Usage:</p>
415
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">ROLLUP</span><span class="token plain"> satellite</span><span class="token operator" style="color:rgb(127, 219, 202)">-</span><span class="token plain">transmit </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"SAT 1"</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Details"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Screen to open on click</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SCREEN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HS</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Telemetry items to rollup status</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TLM</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TLM</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP2</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">ROLLUP</span><span class="token plain"> antenna </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"GND 2"</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Location"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Screen to open on click</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SCREEN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HS</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Telemetry items to rollup status</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TLM</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP3</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TLM</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP4</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
416
+ <p><img decoding=async loading=lazy alt=ROLLUP src=/tools/staticdocs/assets/images/rollup-ff0cecc0daa8dbdc84bc2a81efe4625b88f36a699368ada18e70c8d3d0c63c06.png width=378 height=402 class=img__Ss2></p>
417
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=signal>SIGNAL<a href=#signal class=hash-link aria-label="Direct link to SIGNAL" title="Direct link to SIGNAL">​</a></h3>
418
+ <p><div class=right>(Since 5.17.2)</div><strong>Displays a cellular signal icon which changes based on telemetry value</strong><p></p>
419
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED</span><td>False</table>
420
+ <p>Example Usage:</p>
421
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">SIGNAL</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Screen to open on click</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SCREEN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HS</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Values to compare when setting the 1-bar, 2-bar and 3-bar icons</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Default is 30, 60, 90 (e.g. 0 to 100 range)</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Value &lt; -50 display no bars</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Value >= -50 and &lt; 0 displays 1 bar</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Value >= 0 and &lt; 50 displays 2 bars</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Value >= 50 displays 5 bars</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RANGE</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">-</span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
422
+ <p><img decoding=async loading=lazy alt=SIGNAL src=/tools/staticdocs/assets/images/signal-0e5def1ecb42b4688c7c6ab616ae87ef05c8b9afb5b1a27077e6cc9127721668.png width=366 height=128 class=img__Ss2></p>
423
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=textbox>TEXTBOX<a href=#textbox class=hash-link aria-label="Direct link to TEXTBOX" title="Direct link to TEXTBOX">​</a></h3>
392
424
  <p><strong>Provides a large box for multiline text</strong></p>
393
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Width</td><td>Width of the textbox in px (default = 200)</td><td>False</td></tr><tr><td>Height</td><td>Height of the textbox in px (default = 200)</td><td>False</td></tr></tbody></table>
425
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Width<td>Width of the textbox in px (default = 200)<td>False<tr><td>Height<td>Height of the textbox in px (default = 200)<td>False</table>
394
426
  <p>Example Usage:</p>
395
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">TEXTBOX</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">PACKET_TIMEFORMATTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">150</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">70</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTBOX</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">PACKET_TIMEFORMATTED</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
396
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="value">VALUE<a href="#value" class="hash-link" aria-label="Direct link to VALUE" title="Direct link to VALUE">​</a></h3>
427
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">TEXTBOX</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">PACKET_TIMEFORMATTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">150</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">70</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
428
+ <p><img decoding=async loading=lazy alt=TEXTBOX src=/tools/staticdocs/assets/images/textbox-9e4a1eb37cf68aabf92e326ff248d098a70295ffe6f7cf2e002a5dbff9ff0ef5.png width=376 height=226 class=img__Ss2></p>
429
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=value>VALUE<a href=#value class=hash-link aria-label="Direct link to VALUE" title="Direct link to VALUE">​</a></h3>
397
430
  <p><strong>Displays a box with a telemetry item value</strong></p>
398
431
  <p>The white portion of the box darkens to gray while the value remains stagnant, then brightens to white each time the value changes. Additionally the value is colored based on the items limits state (Red for example if it is out of limits).</p>
399
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr><tr><td>Number of characters</td><td>The number of characters wide to make the value box (default = 12)</td><td>False</td></tr></tbody></table>
432
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False<tr><td>Number of characters<td>The number of characters wide to make the value box (default = 12)<td>False</table>
400
433
  <p>Example Usage:</p>
401
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">VALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">VALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
402
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="interactive-widgets">Interactive Widgets<a href="#interactive-widgets" class="hash-link" aria-label="Direct link to Interactive Widgets" title="Direct link to Interactive Widgets">​</a></h2>
434
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">VALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">VALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
435
+ <p><img decoding=async loading=lazy alt=VALUE src=/tools/staticdocs/assets/images/value-825b95d71be2c565e1d3fa5c57ec94be1bbb6e0a1e8166abb8617d5f50a93d39.png width=462 height=206 class=img__Ss2></p>
436
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=interactive-widgets>Interactive Widgets<a href=#interactive-widgets class=hash-link aria-label="Direct link to Interactive Widgets" title="Direct link to Interactive Widgets">​</a></h2>
403
437
  <hr>
404
438
  <p>Interactive widgets are used to gather input from the user. Unlike all other widgets, which only output some graphical representation, interactive widgets permit input either from the keyboard or mouse.</p>
405
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="button">BUTTON<a href="#button" class="hash-link" aria-label="Direct link to BUTTON" title="Direct link to BUTTON">​</a></h3>
439
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=button>BUTTON<a href=#button class=hash-link aria-label="Direct link to BUTTON" title="Direct link to BUTTON">​</a></h3>
406
440
  <p><strong>Displays a rectangular clickable button</strong></p>
407
441
  <p>Upon clicking, the button executes the Javascript code assigned. Buttons
408
442
  can be used to send commands and perform other tasks. If you want your button
409
443
  to use values from other widgets, define them as named widgets and read their
410
- values using the <code>screen.getNamedWidget(&quot;WIDGET_NAME&quot;).text()</code> method.
444
+ values using the <code>screen.getNamedWidget("WIDGET_NAME").text()</code> method.
411
445
  See the example in CHECKBUTTON.</p>
412
446
  <p>Button code can get rather complex so remember to use string concatenation
413
447
  to make things more readable. If you use <code>+</code> newlines are inserted automatically
414
- during string concatenation. If you use <code>\</code> you&#x27;ll need to separate lines with a
448
+ during string concatenation. If you use <code>\</code> you'll need to separate lines with a
415
449
  single semicolon <code>;</code>. COSMOS uses double semicolon <code>;;</code> to indicate lines should
416
450
  be evaluated separately. Note that all OpenC3 commands (using api.cmd) must be
417
451
  separated by <code>;;</code>.</p>
418
452
  <p>You can send commands with buttons using api.cmd(). The cmd() syntax looks exactly
419
453
  like the standard COSMOS scripting syntax. You can also request and use
420
454
  telemetry in screens using Javascript Promises.</p>
421
- <p><code>api.tlm(&#x27;INST PARAMS VALUE3&#x27;, &#x27;RAW&#x27;).then(dur =&gt; api.cmd(&#x27;INST COLLECT with TYPE NORMAL, DURATION &#x27;+dur))&quot;</code></p>
455
+ <p><code>api.tlm('INST PARAMS VALUE3', 'RAW').then(dur => api.cmd('INST COLLECT with TYPE NORMAL, DURATION '+dur))"</code></p>
422
456
  <p>The api.tlm() function returns a Promise which is resolved with then()
423
457
  at which point we send the command with the telemetry value we received.</p>
424
458
  <p>Scripts can be launched from a BUTTON using the <code>runScript()</code> method. <code>runScript()</code> takes three parameters,
425
459
  the name of the script, whether to open the script in the foreground of Script Runner (default = true), and a hash of
426
- environment variables. For example: <code>runScript(&#x27;INST/procedures/script.rb&#x27;, false, {&#x27;VAR&#x27;: &#x27;VALUE&#x27;})</code></p>
427
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Button Text</td><td>Text displayed on the button</td><td>True</td></tr><tr><td>Button Code</td><td>Javascript code to execute when the button is pressed</td><td>True</td></tr></tbody></table>
460
+ environment variables. For example: <code>runScript('INST/procedures/script.rb', false, {'VAR': 'VALUE'})</code></p>
461
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Button Text<td>Text displayed on the button<td>True<tr><td>Button Code<td>Javascript code to execute when the button is pressed<td>True</table>
428
462
  <p>Example Usage:</p>
429
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;Start Collect&#x27;</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;api.cmd(&quot;INST COLLECT with TYPE NORMAL, DURATION 5&quot;)&#x27;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;Run Checks&#x27;</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;runScript(&quot;INST/procedures/checks.rb&quot;)&#x27;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># More complex example with background checkbox and env vars</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SCRIPTNAME</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COMBOBOX</span><span class="token plain"> collect</span><span class="token punctuation" style="color:rgb(199, 146, 234)">.</span><span class="token plain">rb checks</span><span class="token punctuation" style="color:rgb(199, 146, 234)">.</span><span class="token plain">rb</span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BG</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CHECKBUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;Background&#x27;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;Run Script&#x27;</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;var script=screen.getNamedWidget(&#x27;SCRIPTNAME&#x27;).text();&quot;</span><span class="token plain"> \</span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Set an environment variable to be used by the script as ENV[&#x27;TYPE&#x27;]</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;var env = {}; env[&#x27;TYPE&#x27;] = &#x27;TEST&#x27;;&quot;</span><span class="token plain"> \</span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;runScript(&#x27;INST/procedures/&#x27;+script, !screen.getNamedWidget(&#x27;BG&#x27;).checked(), env)&quot;</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
430
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="checkbutton">CHECKBUTTON<a href="#checkbutton" class="hash-link" aria-label="Direct link to CHECKBUTTON" title="Direct link to CHECKBUTTON">​</a></h3>
463
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Start Collect'</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'api.cmd("INST COLLECT with TYPE NORMAL, DURATION 5")'</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Run Checks'</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'runScript("INST/procedures/checks.rb")'</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># More complex example with background checkbox and env vars</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SCRIPTNAME</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COMBOBOX</span><span class="token plain"> collect</span><span class="token punctuation" style="color:rgb(199, 146, 234)">.</span><span class="token plain">rb checks</span><span class="token punctuation" style="color:rgb(199, 146, 234)">.</span><span class="token plain">rb</span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BG</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CHECKBUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Background'</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Run Script'</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"var script=screen.getNamedWidget('SCRIPTNAME').text();"</span><span class="token plain"> \</span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Set an environment variable to be used by the script as ENV['TYPE']</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"var env = {}; env['TYPE'] = 'TEST';"</span><span class="token plain"> \</span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"runScript('INST/procedures/'+script, !screen.getNamedWidget('BG').checked(), env)"</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
464
+ <p><img decoding=async loading=lazy alt=BUTTON src=/tools/staticdocs/assets/images/button-3f6fd69518f4b2c60b15605ca607cda8b596d4d5e804b867f09f750a47b6cbad.png width=382 height=502 class=img__Ss2></p>
465
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=checkbutton>CHECKBUTTON<a href=#checkbutton class=hash-link aria-label="Direct link to CHECKBUTTON" title="Direct link to CHECKBUTTON">​</a></h3>
431
466
  <p><strong>Displays a check box</strong></p>
432
467
  <p>Note this is of limited use by itself and is primarily used in conjunction with NAMED_WIDGET.</p>
433
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Checkbox Text</td><td>Text displayed next to the checkbox</td><td>True</td></tr></tbody></table>
468
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Checkbox Text<td>Text displayed next to the checkbox<td>True<tr><td>Checked<td>Whether the initial state of the checkbox is checked (default = false). Do not give a value to make the checkbox unchecked.<td>False</table>
434
469
  <p>Example Usage:</p>
435
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CHECK</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CHECKBUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;Ignore Hazardous Checks&#x27;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;Send&#x27;</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;screen.getNamedWidget(&quot;CHECK&quot;).checked() ? &#x27;</span><span class="token plain"> \</span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;api.cmd_no_hazardous_check(&quot;INST CLEAR&quot;) : api.cmd(&quot;INST CLEAR&quot;)&#x27;</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
436
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="combobox">COMBOBOX<a href="#combobox" class="hash-link" aria-label="Direct link to COMBOBOX" title="Direct link to COMBOBOX">​</a></h3>
470
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">UNCHECKED</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CHECKBUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Default Unchecked'</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CHECK</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CHECKBUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Ignore Hazardous Checks'</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CHECKED</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Send'</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'screen.getNamedWidget("CHECK").checked() ? '</span><span class="token plain"> \</span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'api.cmd_no_hazardous_check("INST CLEAR") : api.cmd("INST CLEAR")'</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># You can programmatically check or uncheck the checkbox</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Check'</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'screen.getNamedWidget("CHECK").value = true'</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Uncheck'</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'screen.getNamedWidget("CHECK").value = false'</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
471
+ <p><img decoding=async loading=lazy alt=CHECKBUTTON src=/tools/staticdocs/assets/images/checkbutton-c263b840dcdbeca5cd886884fe8f24bedac7daac5a0ca224a1fb2cce3e24bdf6.png width=426 height=460 class=img__Ss2></p>
472
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=combobox>COMBOBOX<a href=#combobox class=hash-link aria-label="Direct link to COMBOBOX" title="Direct link to COMBOBOX">​</a></h3>
437
473
  <p><strong>Displays a drop down list of text items</strong></p>
438
474
  <p>Note this is of limited use by itself and is primarily used in conjunction with NAMED_WIDGET.</p>
439
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Option Text 1</td><td>Text to display in the selection drop down</td><td>True</td></tr><tr><td>Option Text n</td><td>Text to display in the selection drop down</td><td>False</td></tr></tbody></table>
475
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Option Text 1<td>Text to display in the selection drop down<td>True<tr><td>Option Text n<td>Text to display in the selection drop down<td>False</table>
440
476
  <p>Example Usage:</p>
441
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;Start Collect&#x27;</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;var type = screen.getNamedWidget(&quot;COLLECT_TYPE&quot;).text();&#x27;</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">+</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;api.cmd(&quot;INST COLLECT with TYPE &quot;+type+&quot;, DURATION 10.0&quot;)&#x27;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COLLECT_TYPE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COMBOBOX</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">NORMAL</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SPECIAL</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
442
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="radiogroup">RADIOGROUP<a href="#radiogroup" class="hash-link" aria-label="Direct link to RADIOGROUP" title="Direct link to RADIOGROUP">​</a></h3>
477
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Start Collect'</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'var type = screen.getNamedWidget("COLLECT_TYPE").text();'</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">+</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'api.cmd("INST COLLECT with TYPE "+type+", DURATION 10.0")'</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COLLECT_TYPE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COMBOBOX</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">NORMAL</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SPECIAL</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
478
+ <p><img decoding=async loading=lazy alt=COMBOBOX src=/tools/staticdocs/assets/images/combobox-6c8fa241aa7c5ccf31a42a2373dbd4f6f66d9a063e98ba111d5472b5c8e21590.png width=386 height=268 class=img__Ss2></p>
479
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=date>DATE<a href=#date class=hash-link aria-label="Direct link to DATE" title="Direct link to DATE">​</a></h3>
480
+ <p><strong>Displays a date picker</strong></p>
481
+ <p>Note this is of limited use by itself and is primarily used in conjunction with NAMED_WIDGET.</p>
482
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Date label<td>Text to label the data selection ('Date' by default)<td>False</table>
483
+ <p>Example Usage:</p>
484
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Alert Date'</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'var date = screen.getNamedWidget("DATE").text();'</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">+</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'alert("Date:"+date)'</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">DATE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">DATE</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
485
+ <p><img decoding=async loading=lazy alt=DATE src=/tools/staticdocs/assets/images/date-d104f822ef7a1b99ade0a334e2e34c27fc6b1d087ed267f13280623a943113ce.png width=372 height=286 class=img__Ss2></p>
486
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=radiogroup>RADIOGROUP<a href=#radiogroup class=hash-link aria-label="Direct link to RADIOGROUP" title="Direct link to RADIOGROUP">​</a></h3>
443
487
  <p><strong>Creates a group of RADIOBUTTONs</strong></p>
444
488
  <p>RADIOBUTTONs must be part of a group to enable selection logic</p>
445
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Initial selected button</td><td>Selects a radio button at initialization (0-based)</td><td>False</td></tr></tbody></table>
446
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="radiobutton">RADIOBUTTON<a href="#radiobutton" class="hash-link" aria-label="Direct link to RADIOBUTTON" title="Direct link to RADIOBUTTON">​</a></h3>
489
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Initial selected button<td>Selects a radio button at initialization (0-based)<td>False</table>
490
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=radiobutton>RADIOBUTTON<a href=#radiobutton class=hash-link aria-label="Direct link to RADIOBUTTON" title="Direct link to RADIOBUTTON">​</a></h3>
447
491
  <p><strong>Displays a radio button and text</strong></p>
448
492
  <p>Note this is of limited use by itself and is primarily used in conjunction with NAMED_WIDGET. It must be contained by a RADIOGROUP to enable typical selection of a single RADIOBUTTON.</p>
449
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Text</td><td>Text to display next to the radio button</td><td>True</td></tr></tbody></table>
493
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Text<td>Text to display next to the radio button<td>True</table>
450
494
  <p>Example Usage:</p>
451
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GROUP</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RADIOGROUP</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">1</span><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Select &#x27;Clear&#x27; initially, 0-based index</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RADIOBUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;Abort&#x27;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RADIOBUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;Clear&#x27;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;Send&#x27;</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;screen.getNamedWidget(&#x27;GROUP&#x27;).selected() === 0 ? &quot;</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">+</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;api.cmd(&#x27;INST ABORT&#x27;) : api.cmd(&#x27;INST CLEAR&#x27;)&quot;</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
452
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="textfield">TEXTFIELD<a href="#textfield" class="hash-link" aria-label="Direct link to TEXTFIELD" title="Direct link to TEXTFIELD">​</a></h3>
495
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GROUP</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RADIOGROUP</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">1</span><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Select 'Clear' initially, 0-based index</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RADIOBUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Abort'</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RADIOBUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Clear'</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Send'</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"screen.getNamedWidget('GROUP').selected() === 0 ? "</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">+</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"api.cmd('INST ABORT') : api.cmd('INST CLEAR')"</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
496
+ <p><img decoding=async loading=lazy alt=RADIOBUTTON src=/tools/staticdocs/assets/images/radiobutton-9151f7cb0dae5120e51e05b5575981c143e19f350e84c7e190d3dd78aa80fae8.png width=364 height=276 class=img__Ss2></p>
497
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=textfield>TEXTFIELD<a href=#textfield class=hash-link aria-label="Direct link to TEXTFIELD" title="Direct link to TEXTFIELD">​</a></h3>
453
498
  <p><strong>Displays a rectangular box where the user can enter text</strong></p>
454
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Characters</td><td>Width of the text field in characters (default = 12)</td><td>False</td></tr><tr><td>Text</td><td>Default text to put in the text field (default is blank)</td><td>False</td></tr></tbody></table>
499
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Characters<td>Width of the text field in characters (default = 12)<td>False<tr><td>Text<td>Default text to put in the text field (default is blank)<td>False</table>
500
+ <p>Example Usage:</p>
501
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">DURATION</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTFIELD</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">12</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"10.0"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Start Collect'</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'var dur = screen.getNamedWidget("DURATION").text();'</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">+</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'api.cmd("INST COLLECT with TYPE NORMAL, DURATION "+dur+"")'</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
502
+ <p><img decoding=async loading=lazy alt=TEXTFIELD src=/tools/staticdocs/assets/images/textfield-931f510c2160ed8e5475bee78fa4c6cebd67d9195d92a22600217824ff55943d.png width=370 height=238 class=img__Ss2></p>
503
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=time>TIME<a href=#time class=hash-link aria-label="Direct link to TIME" title="Direct link to TIME">​</a></h3>
504
+ <p><strong>Displays a time picker</strong></p>
505
+ <p>Note this is of limited use by itself and is primarily used in conjunction with NAMED_WIDGET.</p>
506
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Time label<td>Text to label the time selection ('Time' by default)<td>False</table>
455
507
  <p>Example Usage:</p>
456
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">DURATION</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTFIELD</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">12</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;10.0&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;Start Collect&#x27;</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;var dur = screen.getNamedWidget(&quot;DURATION&quot;).text();&#x27;</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">+</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;api.cmd(&quot;INST COLLECT with TYPE NORMAL, DURATION &quot;+dur+&quot;&quot;)&#x27;</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
457
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="canvas-widgets">Canvas Widgets<a href="#canvas-widgets" class="hash-link" aria-label="Direct link to Canvas Widgets" title="Direct link to Canvas Widgets">​</a></h2>
508
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Alert Time'</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'var time = screen.getNamedWidget("TIME").text();'</span><span class="token plain"> </span><span class="token operator" style="color:rgb(127, 219, 202)">+</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'alert("Time:"+time)'</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TIME</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TIME</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
509
+ <p><img decoding=async loading=lazy alt=TIME src=/tools/staticdocs/assets/images/time-d77e3f94633eb1008d5a382054940052070f5a4cd385f4a9203c0f60d406d7c6.png width=366 height=272 class=img__Ss2></p>
510
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=canvas-widgets>Canvas Widgets<a href=#canvas-widgets class=hash-link aria-label="Direct link to Canvas Widgets" title="Direct link to Canvas Widgets">​</a></h2>
458
511
  <hr>
459
512
  <p>Canvas Widgets are used to draw custom displays into telemetry screens. The canvas coordinate frame places (0,0) in the upper-left corner of the canvas.</p>
460
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="canvas">CANVAS<a href="#canvas" class="hash-link" aria-label="Direct link to CANVAS" title="Direct link to CANVAS">​</a></h3>
513
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=canvas>CANVAS<a href=#canvas class=hash-link aria-label="Direct link to CANVAS" title="Direct link to CANVAS">​</a></h3>
461
514
  <p><strong>Layout widget for the other canvas widgets</strong></p>
462
515
  <p>All canvas widgets must be enclosed within a CANVAS widget.</p>
463
- <div class="theme-admonition theme-admonition-warning admonition_IZjC alert alert--warning"><div class="admonitionHeading_uVvU"><span class="admonitionIcon_HiR3"><svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>warning</div><div class="admonitionContent_bl22"><p>The canvas coordinate frame places (0,0) in the upper-left corner of the canvas.</p></div></div>
464
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Width</td><td>Width of the canvas</td><td>True</td></tr><tr><td>Height</td><td>Height of the canvas</td><td>True</td></tr></tbody></table>
465
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="canvaslabel">CANVASLABEL<a href="#canvaslabel" class="hash-link" aria-label="Direct link to CANVASLABEL" title="Direct link to CANVASLABEL">​</a></h3>
516
+ <div class="theme-admonition theme-admonition-warning admonition_IZjC alert alert--warning"><div class=admonitionHeading_uVvU><span class=admonitionIcon_HiR3><svg viewBox="0 0 16 16"><path fill-rule=evenodd d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"/></svg></span>warning</div><div class=admonitionContent_bl22><p>The canvas coordinate frame places (0,0) in the upper-left corner of the canvas.</div></div>
517
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Width<td>Width of the canvas<td>True<tr><td>Height<td>Height of the canvas<td>True</table>
518
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=canvaslabel>CANVASLABEL<a href=#canvaslabel class=hash-link aria-label="Direct link to CANVASLABEL" title="Direct link to CANVASLABEL">​</a></h3>
466
519
  <p><strong>Draws text onto the canvas</strong></p>
467
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>X Position</td><td>X position of the upper-left corner of the text on the canvas</td><td>True</td></tr><tr><td>Y Position</td><td>Y position of the upper-left corner of the text on the canvas</td><td>True</td></tr><tr><td>Text</td><td>Text to draw onto the canvas</td><td>True</td></tr><tr><td>Font Size</td><td>Font size of the text (Default = 12)</td><td>False</td></tr><tr><td>Color</td><td>Color of the text</td><td>False</td></tr></tbody></table>
520
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>X Position<td>X position of the upper-left corner of the text on the canvas<td>True<tr><td>Y Position<td>Y position of the upper-left corner of the text on the canvas<td>True<tr><td>Text<td>Text to draw onto the canvas<td>True<tr><td>Font Size<td>Font size of the text (Default = 12)<td>False<tr><td>Color<td>Color of the text<td>False</table>
468
521
  <p>Example Usage:</p>
469
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">CANVAS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLABEL</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">34</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Label1&quot;</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">24</span><span class="token plain"> red</span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLABEL</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">70</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Label2&quot;</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"> blue</span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
470
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="canvaslabelvalue">CANVASLABELVALUE<a href="#canvaslabelvalue" class="hash-link" aria-label="Direct link to CANVASLABELVALUE" title="Direct link to CANVASLABELVALUE">​</a></h3>
522
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">CANVAS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLABEL</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">34</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Label1"</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">24</span><span class="token plain"> red</span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLABEL</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">70</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Label2"</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">18</span><span class="token plain"> blue</span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
523
+ <p><img decoding=async loading=lazy alt=CANVASLABEL src=/tools/staticdocs/assets/images/canvaslabel-68ee99da9ef15924a2b5b41c60ba7de47382d036eece57574411839ff5ec14e4.png width=368 height=278 class=img__Ss2></p>
524
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=canvaslabelvalue>CANVASLABELVALUE<a href=#canvaslabelvalue class=hash-link aria-label="Direct link to CANVASLABELVALUE" title="Direct link to CANVASLABELVALUE">​</a></h3>
471
525
  <p><strong>Draws the text value of a telemetry item onto the canvas in an optional frame</strong></p>
472
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>X Position</td><td>X position of the upper-left corner of the text on the canvas</td><td>True</td></tr><tr><td>Y Position</td><td>Y position of the upper-left corner of the text on the canvas</td><td>True</td></tr><tr><td>Font Size</td><td>Font size of the text (Default = 12)</td><td>False</td></tr><tr><td>Color</td><td>Color of the text</td><td>False</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr></tbody></table>
526
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>X Position<td>X position of the upper-left corner of the text on the canvas<td>True<tr><td>Y Position<td>Y position of the upper-left corner of the text on the canvas<td>True<tr><td>Font Size<td>Font size of the text (Default = 12)<td>False<tr><td>Color<td>Color of the text<td>False<tr><td>Value type<td>The type of the value to display. Default is CONVERTED.<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False</table>
473
527
  <p>Example Usage:</p>
474
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">CANVAS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">34</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">12</span><span class="token plain"> red</span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP2</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">70</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"> blue </span><span class="token constant" style="color:rgb(130, 170, 255)">WITH_UNITS</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
475
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="canvasimage">CANVASIMAGE<a href="#canvasimage" class="hash-link" aria-label="Direct link to CANVASIMAGE" title="Direct link to CANVASIMAGE">​</a></h3>
528
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">CANVAS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP1</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">34</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">12</span><span class="token plain"> red</span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEMP2</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">70</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"> blue </span><span class="token constant" style="color:rgb(130, 170, 255)">WITH_UNITS</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
529
+ <p><img decoding=async loading=lazy alt=CANVASLABELVALUE src=/tools/staticdocs/assets/images/canvaslabelvalue-43254b6647e626939e79ec7e0940e921582039af006e5024c952881ba196b165.png width=436 height=276 class=img__Ss2></p>
530
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=canvasimage>CANVASIMAGE<a href=#canvasimage class=hash-link aria-label="Direct link to CANVASIMAGE" title="Direct link to CANVASIMAGE">​</a></h3>
476
531
  <p><strong>Displays an image on the canvas</strong></p>
477
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Image filename</td><td>Name of a image file. The file must be in the plugin&#x27;s targets/TARGET/public directory.</td><td>True</td></tr><tr><td>X Position</td><td>X position of the upper-left corner of the image on the canvas</td><td>True</td></tr><tr><td>Y Position</td><td>Y position of the upper-left corner of the image on the canvas</td><td>True</td></tr></tbody></table>
532
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Image filename<td>Name of a image file. The file must be in the plugin's targets/TARGET/public directory.<td>True<tr><td>X Position<td>X position of the upper-left corner of the image on the canvas<td>True<tr><td>Y Position<td>Y position of the upper-left corner of the image on the canvas<td>True</table>
478
533
  <p>Example Usage:</p>
479
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">CANVAS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">250</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">430</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASIMAGE</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;satellite.png&quot;</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SCREEN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HS</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASIMAGE</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;https://images.pexels.com/photos/256152/pexels-photo-256152.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=640&amp;w=426&quot;</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">250</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">250</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">150</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
534
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">CANVAS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">250</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">430</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASIMAGE</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"satellite.png"</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">200</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SCREEN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HS</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASIMAGE</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"https://images.pexels.com/photos/256152/pexels-photo-256152.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=640&w=426"</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">250</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">250</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">150</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
535
+ <p><img decoding=async loading=lazy alt=CANVASIMAGE src=/tools/staticdocs/assets/images/canvasimage-6f6f83dc6d777fdff0b820287a96ad171a475fda2896c0a3b678b14984e496fd.png width=536 height=948 class=img__Ss2></p>
480
536
  <p>The following settings apply to CANVASIMAGE. They are applied using the SETTING keyword.</p>
481
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="screen-1">SCREEN<a href="#screen-1" class="hash-link" aria-label="Direct link to SCREEN" title="Direct link to SCREEN">​</a></h4>
537
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=screen-1>SCREEN<a href=#screen-1 class=hash-link aria-label="Direct link to SCREEN" title="Direct link to SCREEN">​</a></h4>
482
538
  <p><strong>Open another screen when clicked</strong></p>
483
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>Name of the target</td><td>True</td></tr><tr><td>Screen name</td><td>Name of the screen</td><td>True</td></tr></tbody></table>
484
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="canvasimagevalue">CANVASIMAGEVALUE<a href="#canvasimagevalue" class="hash-link" aria-label="Direct link to CANVASIMAGEVALUE" title="Direct link to CANVASIMAGEVALUE">​</a></h3>
539
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>Name of the target<td>True<tr><td>Screen name<td>Name of the screen<td>True</table>
540
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=canvasimagevalue>CANVASIMAGEVALUE<a href=#canvasimagevalue class=hash-link aria-label="Direct link to CANVASIMAGEVALUE" title="Direct link to CANVASIMAGEVALUE">​</a></h3>
485
541
  <p><strong>Displays an image on the canvas that changes with a telemetry value</strong></p>
486
- <p>Use various SETTING values to indicate which images should be displayed based on telemetry. For example, SETTING IMAGE CONNECTED &quot;ground_on.png&quot; 400 100. See the DEMO for a complete example.</p>
487
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Value type</td><td>The type of the value to display<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>True</td></tr><tr><td>Default image filename</td><td>The default image to display. The file must be in the targets/TARGET/public directory.</td><td>True</td></tr><tr><td>X Position</td><td>X position of the upper-left corner of the image on the canvas</td><td>True</td></tr><tr><td>Y Position</td><td>Y position of the upper-left corner of the image on the canvas</td><td>True</td></tr><tr><td>Image width</td><td>Width of the image (default is 100%)</td><td>False</td></tr><tr><td>Image height</td><td>Height of the image (default is 100%)</td><td>False</td></tr></tbody></table>
542
+ <p>Use various SETTING values to indicate which images should be displayed based on telemetry. For example, SETTING IMAGE CONNECTED "ground_on.png" 400 100. See the DEMO for a complete example.</p>
543
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Value type<td>The type of the value to display<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>True<tr><td>Default image filename<td>The default image to display. The file must be in the targets/TARGET/public directory.<td>True<tr><td>X Position<td>X position of the upper-left corner of the image on the canvas<td>True<tr><td>Y Position<td>Y position of the upper-left corner of the image on the canvas<td>True<tr><td>Image width<td>Width of the image (default is 100%)<td>False<tr><td>Image height<td>Height of the image (default is 100%)<td>False</table>
488
544
  <p>Example Usage:</p>
489
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">CANVAS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">230</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">230</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASIMAGEVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GROUND1STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;ground_error.png&quot;</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">180</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">180</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">IMAGE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONNECTED</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;ground_on.png&quot;</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">IMAGE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">UNAVAILABLE</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;ground_off.png&quot;</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SCREEN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HS</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
545
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">CANVAS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">230</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">230</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASIMAGEVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GROUND1STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONVERTED</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"ground_error.png"</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">180</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">180</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">IMAGE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONNECTED</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"ground_on.png"</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">IMAGE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">UNAVAILABLE</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"ground_off.png"</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SCREEN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HS</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
546
+ <p><img decoding=async loading=lazy alt=CANVASIMAGEVALUE src=/tools/staticdocs/assets/images/canvasimagevalue-8c835310f99cebbb15ad34632c77370cf4cc9b95535040fa4723df8baedb5b57.png width=498 height=546 class=img__Ss2></p>
490
547
  <p>The following settings apply to CANVASIMAGEVALUE. They are applied using the SETTING keyword.</p>
491
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="image">IMAGE<a href="#image" class="hash-link" aria-label="Direct link to IMAGE" title="Direct link to IMAGE">​</a></h4>
548
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=image>IMAGE<a href=#image class=hash-link aria-label="Direct link to IMAGE" title="Direct link to IMAGE">​</a></h4>
492
549
  <p><strong>Map an image to a state or value</strong></p>
493
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Value</td><td>State or value</td><td>True</td></tr><tr><td>Image filename</td><td>Image to display. The file must be in the targets/TARGET/public directory.</td><td>True</td></tr><tr><td>X Position</td><td>X position of the upper-left corner of the image on the canvas</td><td>True</td></tr><tr><td>Y Position</td><td>Y position of the upper-left corner of the image on the canvas</td><td>True</td></tr></tbody></table>
494
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="screen-2">SCREEN<a href="#screen-2" class="hash-link" aria-label="Direct link to SCREEN" title="Direct link to SCREEN">​</a></h4>
550
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Value<td>State or value<td>True<tr><td>Image filename<td>Image to display. The file must be in the targets/TARGET/public directory.<td>True<tr><td>X Position<td>X position of the upper-left corner of the image on the canvas<td>True<tr><td>Y Position<td>Y position of the upper-left corner of the image on the canvas<td>True</table>
551
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=screen-2>SCREEN<a href=#screen-2 class=hash-link aria-label="Direct link to SCREEN" title="Direct link to SCREEN">​</a></h4>
495
552
  <p><strong>Open another screen when clicked</strong></p>
496
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>Name of the target</td><td>True</td></tr><tr><td>Screen name</td><td>Name of the screen</td><td>True</td></tr></tbody></table>
497
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="canvasline">CANVASLINE<a href="#canvasline" class="hash-link" aria-label="Direct link to CANVASLINE" title="Direct link to CANVASLINE">​</a></h3>
553
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>Name of the target<td>True<tr><td>Screen name<td>Name of the screen<td>True</table>
554
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=canvasline>CANVASLINE<a href=#canvasline class=hash-link aria-label="Direct link to CANVASLINE" title="Direct link to CANVASLINE">​</a></h3>
498
555
  <p><strong>Draws a line onto the canvas</strong></p>
499
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Start X Position</td><td>X position of the start of the line on the canvas</td><td>True</td></tr><tr><td>Start Y Position</td><td>Y position of the start of the line on the canvas</td><td>True</td></tr><tr><td>End X Position</td><td>X position of the end of the line on the canvas</td><td>True</td></tr><tr><td>End Y Position</td><td>Y position of the end of the line on the canvas</td><td>True</td></tr><tr><td>Color</td><td>Color of the line</td><td>False</td></tr><tr><td>Width</td><td>Width of the line in pixels (default = 1)</td><td>False</td></tr></tbody></table>
556
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Start X Position<td>X position of the start of the line on the canvas<td>True<tr><td>Start Y Position<td>Y position of the start of the line on the canvas<td>True<tr><td>End X Position<td>X position of the end of the line on the canvas<td>True<tr><td>End Y Position<td>Y position of the end of the line on the canvas<td>True<tr><td>Color<td>Color of the line<td>False<tr><td>Width<td>Width of the line in pixels (default = 1)<td>False</table>
500
557
  <p>Example Usage:</p>
501
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">CANVAS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLINE</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">95</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLINE</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">45</span><span class="token plain"> green </span><span class="token number" style="color:rgb(247, 140, 108)">2</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLINE</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">95</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">95</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">45</span><span class="token plain"> blue </span><span class="token number" style="color:rgb(247, 140, 108)">3</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
502
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="canvaslinevalue">CANVASLINEVALUE<a href="#canvaslinevalue" class="hash-link" aria-label="Direct link to CANVASLINEVALUE" title="Direct link to CANVASLINEVALUE">​</a></h3>
558
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">CANVAS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">100</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLINE</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">95</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLINE</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">45</span><span class="token plain"> green </span><span class="token number" style="color:rgb(247, 140, 108)">2</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLINE</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">95</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">95</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">45</span><span class="token plain"> blue </span><span class="token number" style="color:rgb(247, 140, 108)">3</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
559
+ <p><img decoding=async loading=lazy alt=CANVASLINE src=/tools/staticdocs/assets/images/canvasline-c5120da84530d4a60a04d40d5565daede656639808d1a456f430e9404a2d5bad.png width=376 height=180 class=img__Ss2></p>
560
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=canvaslinevalue>CANVASLINEVALUE<a href=#canvaslinevalue class=hash-link aria-label="Direct link to CANVASLINEVALUE" title="Direct link to CANVASLINEVALUE">​</a></h3>
503
561
  <p><strong>Draws a color changing line onto the canvas</strong></p>
504
562
  <p>The line is represented by one of two colors based on the value of the associated telemetry item</p>
505
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Target name</td><td>The target name</td><td>True</td></tr><tr><td>Packet name</td><td>The packet name</td><td>True</td></tr><tr><td>Item name</td><td>The item name</td><td>True</td></tr><tr><td>Start X Position</td><td>X position of the start of the line on the canvas</td><td>True</td></tr><tr><td>Start Y Position</td><td>Y position of the start of the line on the canvas</td><td>True</td></tr><tr><td>End X Position</td><td>X position of the end of the line on the canvas</td><td>True</td></tr><tr><td>End Y Position</td><td>Y position of the end of the line on the canvas</td><td>True</td></tr><tr><td>Width</td><td>Width of the line in pixels (default = 3)</td><td>False</td></tr><tr><td>Value type</td><td>The type of the value to display. Default is CONVERTED<br><br>Valid Values: <span class="values">RAW, CONVERTED, FORMATTED, WITH_UNITS</span></td><td>False</td></tr></tbody></table>
563
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Target name<td>The target name<td>True<tr><td>Packet name<td>The packet name<td>True<tr><td>Item name<td>The item name<td>True<tr><td>Start X Position<td>X position of the start of the line on the canvas<td>True<tr><td>Start Y Position<td>Y position of the start of the line on the canvas<td>True<tr><td>End X Position<td>X position of the end of the line on the canvas<td>True<tr><td>End Y Position<td>Y position of the end of the line on the canvas<td>True<tr><td>Width<td>Width of the line in pixels (default = 3)<td>False<tr><td>Value type<td>The type of the value to display. Default is CONVERTED<br><br>Valid Values: <span class=values>RAW, CONVERTED, FORMATTED, WITH_UNITS</span><td>False</table>
506
564
  <p>Example Usage:</p>
507
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">CANVAS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">120</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GROUND1STATUS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">12</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">12</span><span class="token plain"> black</span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLINEVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GROUND1STATUS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">25</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">115</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">25</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VALUE_EQ</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREEN</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VALUE_EQ</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RED</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLINEVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GROUND1STATUS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">45</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">115</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">45</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VALUE_EQ</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONNECTED</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREEN</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VALUE_EQ</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">UNAVAILABLE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RED</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
565
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">CANVAS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">120</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GROUND1STATUS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">12</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">12</span><span class="token plain"> black</span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLINEVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GROUND1STATUS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">25</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">115</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">25</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RAW</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VALUE_EQ</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">1</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREEN</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VALUE_EQ</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RED</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASLINEVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GROUND1STATUS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">45</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">115</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">45</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VALUE_EQ</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CONNECTED</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GREEN</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VALUE_EQ</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">UNAVAILABLE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RED</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
566
+ <p><img decoding=async loading=lazy alt=CANVASLINEVALUE src=/tools/staticdocs/assets/images/canvaslinevalue-5540d10997f723fd09b269b75997452622a3c4333ed4f25628747c1212699255.png width=370 height=184 class=img__Ss2></p>
508
567
  <p>The following settings apply to CANVASLINEVALUE. They are applied using the SETTING keyword.</p>
509
- <h4 class="anchor anchorWithStickyNavbar_fF9Z" id="value_eq">VALUE_EQ<a href="#value_eq" class="hash-link" aria-label="Direct link to VALUE_EQ" title="Direct link to VALUE_EQ">​</a></h4>
510
- <p></p><div class="right">(Since 5.5.1)</div><strong>Map a value to a color</strong><p></p>
511
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>Value</td><td>State or value</td><td>True</td></tr><tr><td>Color</td><td>Color of the line</td><td>True</td></tr></tbody></table>
512
- <h3 class="anchor anchorWithStickyNavbar_fF9Z" id="canvasdot">CANVASDOT<a href="#canvasdot" class="hash-link" aria-label="Direct link to CANVASDOT" title="Direct link to CANVASDOT">​</a></h3>
568
+ <h4 class="anchor anchorWithStickyNavbar_fF9Z" id=value_eq>VALUE_EQ<a href=#value_eq class=hash-link aria-label="Direct link to VALUE_EQ" title="Direct link to VALUE_EQ">​</a></h4>
569
+ <p><div class=right>(Since 5.5.1)</div><strong>Map a value to a color</strong><p></p>
570
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>Value<td>State or value<td>True<tr><td>Color<td>Color of the line<td>True</table>
571
+ <h3 class="anchor anchorWithStickyNavbar_fF9Z" id=canvasdot>CANVASDOT<a href=#canvasdot class=hash-link aria-label="Direct link to CANVASDOT" title="Direct link to CANVASDOT">​</a></h3>
513
572
  <p><strong>Draws a dot onto the canvas</strong></p>
514
- <table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th></tr></thead><tbody><tr><td>X Position</td><td>X position of the dot</td><td>True</td></tr><tr><td>Y Position</td><td>Y position of the dot</td><td>True</td></tr><tr><td>Color</td><td>Color of the dot</td><td>True</td></tr><tr><td>Radius</td><td>Radius of the dot in pixels</td><td>True</td></tr></tbody></table>
573
+ <table><thead><tr><th>Parameter<th>Description<th>Required<tbody><tr><td>X Position<td>X position of the dot<td>True<tr><td>Y Position<td>Y position of the dot<td>True<tr><td>Color<td>Color of the dot<td>True<tr><td>Radius<td>Radius of the dot in pixels<td>True</table>
515
574
  <p>Example Usage:</p>
516
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">CANVAS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASDOT</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">15</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BLUE</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
517
- <h2 class="anchor anchorWithStickyNavbar_fF9Z" id="example-file">Example File<a href="#example-file" class="hash-link" aria-label="Direct link to Example File" title="Direct link to Example File">​</a></h2>
575
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">CANVAS</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">50</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CANVASDOT</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">10</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">15</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BLUE</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">5</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div>
576
+ <p><img decoding=async loading=lazy alt=CANVASDOT src=/tools/staticdocs/assets/images/canvasdot-d634bed1905d13b0da41200e62781cea6e012b5d68fc914f4c11f512c9c4f7fd.png width=374 height=182 class=img__Ss2></p>
577
+ <h2 class="anchor anchorWithStickyNavbar_fF9Z" id=example-file>Example File<a href=#example-file class=hash-link aria-label="Direct link to Example File" title="Direct link to Example File">​</a></h2>
518
578
  <p>Example File: TARGET/myscreen.txt</p>
519
- <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style="--prism-color:#d6deeb;--prism-background-color:#011627"><div class="codeBlockContent_qZBB"><pre tabindex="0" class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style="color:#d6deeb;background-color:#011627"><code class="codeBlockLines_AdAo"><span class="token-line" style="color:#d6deeb"><span class="token constant" style="color:rgb(130, 170, 255)">SCREEN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">AUTO</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">AUTO</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0.5</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">VERTICAL</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TITLE</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;&lt;%= target_name %&gt; Commanding Examples&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COLLECTS</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COLLECT_TYPE</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">DURATION</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VERTICALBOX</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Send Collect Command:&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HORIZONTAL</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Type: &quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COLLECT_TYPE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COMBOBOX</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">NORMAL</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SPECIAL</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HORIZONTAL</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot; Duration: &quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">DURATION</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTFIELD</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">12</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;10.0&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;Start Collect&#x27;</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;api.cmd(&#x27;INST COLLECT with TYPE &#x27;+screen.getNamedWidget(&#x27;COLLECT_TYPE&#x27;).text()+&#x27;, DURATION &#x27;+screen.getNamedWidget(&#x27;DURATION&#x27;).text())&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">163</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">185</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">163</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VERTICALBOX</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;Parameter-less Commands:&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GROUP</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RADIOGROUP</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">1</span><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Select &#x27;Clear&#x27; initially, 0-based index</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RADIOBUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;Abort&#x27;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RADIOBUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;Clear&#x27;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CHECK</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CHECKBUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;Ignore Hazardous Checks&#x27;</span><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># No option is by default UNCHECKED</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&#x27;Send&#x27;</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">&quot;screen.getNamedWidget(&#x27;GROUP&#x27;).selected() === 0 ? api.cmd(&#x27;INST ABORT&#x27;) : (screen.getNamedWidget(&#x27;CHECK&#x27;).checked() ? api.cmd_no_hazardous_check(&#x27;INST CLEAR&#x27;) : api.cmd(&#x27;INST CLEAR&#x27;))&quot;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">163</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">185</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">163</span><span class="token plain"></span><br></span><span class="token-line" style="color:#d6deeb"><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class="buttonGroup_TNwR"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_MVhB" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_yxgH"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_QJLJ"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https://github.com/OpenC3/cosmos/tree/main/docs.openc3.com/docs/configuration/telemetry-screens.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_UohW" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_g62E"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/tools/staticdocs/docs/configuration/table"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Tables</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/tools/staticdocs/docs/configuration/ssl-tls"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">SSL-TLS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TN1Q thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#definitions" class="table-of-contents__link toc-highlight">Definitions</a></li><li><a href="#telemetry-screen-definition-files" class="table-of-contents__link toc-highlight">Telemetry Screen Definition Files</a></li><li><a href="#new-widgets" class="table-of-contents__link toc-highlight">New Widgets</a></li><li><a href="#screen" class="table-of-contents__link toc-highlight">SCREEN</a></li><li><a href="#end" class="table-of-contents__link toc-highlight">END</a></li><li><a href="#stale_time" class="table-of-contents__link toc-highlight">STALE_TIME</a></li><li><a href="#global_setting" class="table-of-contents__link toc-highlight">GLOBAL_SETTING</a></li><li><a href="#global_subsetting" class="table-of-contents__link toc-highlight">GLOBAL_SUBSETTING</a></li><li><a href="#setting" class="table-of-contents__link toc-highlight">SETTING</a><ul><li><a href="#width" class="table-of-contents__link toc-highlight">WIDTH</a></li><li><a href="#height" class="table-of-contents__link toc-highlight">HEIGHT</a></li><li><a href="#margin" class="table-of-contents__link toc-highlight">MARGIN</a></li><li><a href="#padding" class="table-of-contents__link toc-highlight">PADDING</a></li><li><a href="#backcolor" class="table-of-contents__link toc-highlight">BACKCOLOR</a></li><li><a href="#textcolor" class="table-of-contents__link toc-highlight">TEXTCOLOR</a></li><li><a href="#bordercolor" class="table-of-contents__link toc-highlight">BORDERCOLOR</a></li><li><a href="#raw" class="table-of-contents__link toc-highlight">RAW</a></li></ul></li><li><a href="#subsetting" class="table-of-contents__link toc-highlight">SUBSETTING</a></li><li><a href="#named_widget" class="table-of-contents__link toc-highlight">NAMED_WIDGET</a></li><li><a href="#layout-widgets" class="table-of-contents__link toc-highlight">Layout Widgets</a><ul><li><a href="#vertical" class="table-of-contents__link toc-highlight">VERTICAL</a></li><li><a href="#verticalbox" class="table-of-contents__link toc-highlight">VERTICALBOX</a></li><li><a href="#horizontal" class="table-of-contents__link toc-highlight">HORIZONTAL</a></li><li><a href="#horizontalbox" class="table-of-contents__link toc-highlight">HORIZONTALBOX</a></li><li><a href="#matrixbycolumns" class="table-of-contents__link toc-highlight">MATRIXBYCOLUMNS</a></li><li><a href="#scrollwindow" class="table-of-contents__link toc-highlight">SCROLLWINDOW</a></li><li><a href="#tabbook" class="table-of-contents__link toc-highlight">TABBOOK</a></li><li><a href="#tabitem" class="table-of-contents__link toc-highlight">TABITEM</a></li><li><a href="#iframe" class="table-of-contents__link toc-highlight">IFRAME</a></li></ul></li><li><a href="#decoration-widgets" class="table-of-contents__link toc-highlight">Decoration Widgets</a><ul><li><a href="#label" class="table-of-contents__link toc-highlight">LABEL</a></li><li><a href="#horizontalline" class="table-of-contents__link toc-highlight">HORIZONTALLINE</a></li><li><a href="#sectionheader" class="table-of-contents__link toc-highlight">SECTIONHEADER</a></li><li><a href="#title" class="table-of-contents__link toc-highlight">TITLE</a></li><li><a href="#spacer" class="table-of-contents__link toc-highlight">SPACER</a></li></ul></li><li><a href="#telemetry-widgets" class="table-of-contents__link toc-highlight">Telemetry Widgets</a><ul><li><a href="#array" class="table-of-contents__link toc-highlight">ARRAY</a></li><li><a href="#block" class="table-of-contents__link toc-highlight">BLOCK</a></li><li><a href="#formatvalue" class="table-of-contents__link toc-highlight">FORMATVALUE</a></li><li><a href="#labelled" class="table-of-contents__link toc-highlight">LABELLED</a><ul><li><a href="#led_color" class="table-of-contents__link toc-highlight">LED_COLOR</a></li></ul></li><li><a href="#labelprogressbar" class="table-of-contents__link toc-highlight">LABELPROGRESSBAR</a></li><li><a href="#labelvalue" class="table-of-contents__link toc-highlight">LABELVALUE</a></li><li><a href="#labelvaluedesc" class="table-of-contents__link toc-highlight">LABELVALUEDESC</a></li><li><a href="#labelvaluelimitsbar" class="table-of-contents__link toc-highlight">LABELVALUELIMITSBAR</a></li><li><a href="#labelvaluelimitscolumn" class="table-of-contents__link toc-highlight">LABELVALUELIMITSCOLUMN</a></li><li><a href="#labelvaluerangebar" class="table-of-contents__link toc-highlight">LABELVALUERANGEBAR</a></li><li><a href="#led" class="table-of-contents__link toc-highlight">LED</a><ul><li><a href="#led_color-1" class="table-of-contents__link toc-highlight">LED_COLOR</a></li></ul></li><li><a href="#limitsbar" class="table-of-contents__link toc-highlight">LIMITSBAR</a></li><li><a href="#limitscolumn" class="table-of-contents__link toc-highlight">LIMITSCOLUMN</a></li><li><a href="#limitscolor" class="table-of-contents__link toc-highlight">LIMITSCOLOR</a></li><li><a href="#valuelimitsbar" class="table-of-contents__link toc-highlight">VALUELIMITSBAR</a></li><li><a href="#valuelimitscolumn" class="table-of-contents__link toc-highlight">VALUELIMITSCOLUMN</a></li><li><a href="#valuerangebar" class="table-of-contents__link toc-highlight">VALUERANGEBAR</a></li><li><a href="#linegraph" class="table-of-contents__link toc-highlight">LINEGRAPH</a><ul><li><a href="#item" class="table-of-contents__link toc-highlight">ITEM</a></li><li><a href="#starttime" class="table-of-contents__link toc-highlight">STARTTIME</a></li><li><a href="#history" class="table-of-contents__link toc-highlight">HISTORY</a></li><li><a href="#secondsgraphed" class="table-of-contents__link toc-highlight">SECONDSGRAPHED</a></li><li><a href="#pointssaved" class="table-of-contents__link toc-highlight">POINTSSAVED</a></li><li><a href="#pointsgraphed" class="table-of-contents__link toc-highlight">POINTSGRAPHED</a></li><li><a href="#size" class="table-of-contents__link toc-highlight">SIZE</a></li></ul></li><li><a href="#sparkline" class="table-of-contents__link toc-highlight">SPARKLINE</a><ul><li><a href="#item-1" class="table-of-contents__link toc-highlight">ITEM</a></li><li><a href="#starttime-1" class="table-of-contents__link toc-highlight">STARTTIME</a></li><li><a href="#history-1" class="table-of-contents__link toc-highlight">HISTORY</a></li><li><a href="#secondsgraphed-1" class="table-of-contents__link toc-highlight">SECONDSGRAPHED</a></li><li><a href="#pointssaved-1" class="table-of-contents__link toc-highlight">POINTSSAVED</a></li><li><a href="#pointsgraphed-1" class="table-of-contents__link toc-highlight">POINTSGRAPHED</a></li><li><a href="#size-1" class="table-of-contents__link toc-highlight">SIZE</a></li></ul></li><li><a href="#labelsparkline" class="table-of-contents__link toc-highlight">LABELSPARKLINE</a><ul><li><a href="#item-2" class="table-of-contents__link toc-highlight">ITEM</a></li><li><a href="#starttime-2" class="table-of-contents__link toc-highlight">STARTTIME</a></li><li><a href="#history-2" class="table-of-contents__link toc-highlight">HISTORY</a></li><li><a href="#secondsgraphed-2" class="table-of-contents__link toc-highlight">SECONDSGRAPHED</a></li><li><a href="#pointssaved-2" class="table-of-contents__link toc-highlight">POINTSSAVED</a></li><li><a href="#pointsgraphed-2" class="table-of-contents__link toc-highlight">POINTSGRAPHED</a></li><li><a href="#size-2" class="table-of-contents__link toc-highlight">SIZE</a></li></ul></li><li><a href="#imageviewer" class="table-of-contents__link toc-highlight">IMAGEVIEWER</a></li><li><a href="#progressbar" class="table-of-contents__link toc-highlight">PROGRESSBAR</a></li><li><a href="#rangebar" class="table-of-contents__link toc-highlight">RANGEBAR</a></li><li><a href="#rollup" class="table-of-contents__link toc-highlight">ROLLUP</a></li><li><a href="#signal" class="table-of-contents__link toc-highlight">SIGNAL</a></li><li><a href="#textbox" class="table-of-contents__link toc-highlight">TEXTBOX</a></li><li><a href="#value" class="table-of-contents__link toc-highlight">VALUE</a></li></ul></li><li><a href="#interactive-widgets" class="table-of-contents__link toc-highlight">Interactive Widgets</a><ul><li><a href="#button" class="table-of-contents__link toc-highlight">BUTTON</a></li><li><a href="#checkbutton" class="table-of-contents__link toc-highlight">CHECKBUTTON</a></li><li><a href="#combobox" class="table-of-contents__link toc-highlight">COMBOBOX</a></li><li><a href="#radiogroup" class="table-of-contents__link toc-highlight">RADIOGROUP</a></li><li><a href="#radiobutton" class="table-of-contents__link toc-highlight">RADIOBUTTON</a></li><li><a href="#textfield" class="table-of-contents__link toc-highlight">TEXTFIELD</a></li></ul></li><li><a href="#canvas-widgets" class="table-of-contents__link toc-highlight">Canvas Widgets</a><ul><li><a href="#canvas" class="table-of-contents__link toc-highlight">CANVAS</a></li><li><a href="#canvaslabel" class="table-of-contents__link toc-highlight">CANVASLABEL</a></li><li><a href="#canvaslabelvalue" class="table-of-contents__link toc-highlight">CANVASLABELVALUE</a></li><li><a href="#canvasimage" class="table-of-contents__link toc-highlight">CANVASIMAGE</a><ul><li><a href="#screen-1" class="table-of-contents__link toc-highlight">SCREEN</a></li></ul></li><li><a href="#canvasimagevalue" class="table-of-contents__link toc-highlight">CANVASIMAGEVALUE</a><ul><li><a href="#image" class="table-of-contents__link toc-highlight">IMAGE</a></li><li><a href="#screen-2" class="table-of-contents__link toc-highlight">SCREEN</a></li></ul></li><li><a href="#canvasline" class="table-of-contents__link toc-highlight">CANVASLINE</a></li><li><a href="#canvaslinevalue" class="table-of-contents__link toc-highlight">CANVASLINEVALUE</a><ul><li><a href="#value_eq" class="table-of-contents__link toc-highlight">VALUE_EQ</a></li></ul></li><li><a href="#canvasdot" class="table-of-contents__link toc-highlight">CANVASDOT</a></li></ul></li><li><a href="#example-file" class="table-of-contents__link toc-highlight">Example File</a></li></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Homepage</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://openc3.com" target="_blank" rel="noopener noreferrer" class="footer__link-item">Home</a></li></ul></div><div class="col footer__col"><div class="footer__title">Docs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/tools/staticdocs/docs">Documentation</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://www.linkedin.com/company/openc3" target="_blank" rel="noopener noreferrer" class="footer__link-item">LinkedIn<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_awgD"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/OpenC3/cosmos" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_awgD"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a class="footer__link-item" href="/tools/staticdocs/docs/privacy">Privacy</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 OpenC3, Inc.</div></div></div></footer></div>
520
- </body>
521
- </html>
579
+ <div class="language-ruby codeBlockContainer_ZGJx theme-code-block" style=--prism-color:#d6deeb;--prism-background-color:#011627><div class=codeBlockContent_qZBB><pre tabindex=0 class="prism-code language-ruby codeBlock_TAPP thin-scrollbar" style=color:#d6deeb;background-color:#011627><code class=codeBlockLines_AdAo><span class=token-line style=color:#d6deeb><span class="token constant" style="color:rgb(130, 170, 255)">SCREEN</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">AUTO</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">AUTO</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">0.5</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token constant" style="color:rgb(130, 170, 255)">VERTICAL</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TITLE</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"&lt;%= target_name %> Commanding Examples"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COLLECTS</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COLLECT_TYPE</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABELVALUE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">INST</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HEALTH_STATUS</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">DURATION</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VERTICALBOX</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Send Collect Command:"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HORIZONTAL</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Type: "</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COLLECT_TYPE</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">COMBOBOX</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">NORMAL</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SPECIAL</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">HORIZONTAL</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">LABEL</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">" Duration: "</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">DURATION</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">TEXTFIELD</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">12</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"10.0"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Start Collect'</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"api.cmd('INST COLLECT with TYPE '+screen.getNamedWidget('COLLECT_TYPE').text()+', DURATION '+screen.getNamedWidget('DURATION').text())"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">163</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">185</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">163</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">VERTICALBOX</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"Parameter-less Commands:"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">GROUP</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RADIOGROUP</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">1</span><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># Select 'Clear' initially, 0-based index</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RADIOBUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Abort'</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">RADIOBUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Clear'</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">NAMED_WIDGET</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CHECK</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">CHECKBUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Ignore Hazardous Checks'</span><span class="token plain"> </span><span class="token comment" style="color:rgb(99, 119, 119);font-style:italic"># No option is by default UNCHECKED</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BUTTON</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">'Send'</span><span class="token plain"> </span><span class="token string-literal string" style="color:rgb(173, 219, 103)">"screen.getNamedWidget('GROUP').selected() === 0 ? api.cmd('INST ABORT') : (screen.getNamedWidget('CHECK').checked() ? api.cmd_no_hazardous_check('INST CLEAR') : api.cmd('INST CLEAR'))"</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">SETTING</span><span class="token plain"> </span><span class="token constant" style="color:rgb(130, 170, 255)">BACKCOLOR</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">163</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">185</span><span class="token plain"> </span><span class="token number" style="color:rgb(247, 140, 108)">163</span><span class="token plain"></span><br></span><span class=token-line style=color:#d6deeb><span class="token plain"></span><span class="token keyword" style="color:rgb(127, 219, 202)">END</span><br></span></code></pre><div class=buttonGroup_TNwR><button type=button aria-label="Copy code to clipboard" title=Copy class=clean-btn><span class=copyButtonIcons_MVhB aria-hidden=true><svg viewBox="0 0 24 24" class=copyButtonIcon_yxgH><path fill=currentColor d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"/></svg><svg viewBox="0 0 24 24" class=copyButtonSuccessIcon_QJLJ><path fill=currentColor d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /></svg></span></button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class=col><a href=https://github.com/OpenC3/cosmos/tree/main/docs.openc3.com/docs/configuration/telemetry-screens.md target=_blank rel="noopener noreferrer" class=theme-edit-this-page><svg fill=currentColor height=20 width=20 viewBox="0 0 40 40" class=iconEdit_UohW aria-hidden=true><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"/></g></svg>Edit this page</a></div><div class="col lastUpdated_g62E"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href=/tools/staticdocs/docs/configuration/table><div class=pagination-nav__sublabel>Previous</div><div class=pagination-nav__label>Tables</div></a><a class="pagination-nav__link pagination-nav__link--next" href=/tools/staticdocs/docs/configuration/ssl-tls><div class=pagination-nav__sublabel>Next</div><div class=pagination-nav__label>SSL-TLS</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TN1Q thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href=#definitions class="table-of-contents__link toc-highlight">Definitions</a><li><a href=#telemetry-screen-definition-files class="table-of-contents__link toc-highlight">Telemetry Screen Definition Files</a><li><a href=#new-widgets class="table-of-contents__link toc-highlight">New Widgets</a><li><a href=#screen class="table-of-contents__link toc-highlight">SCREEN</a><li><a href=#end class="table-of-contents__link toc-highlight">END</a><li><a href=#stale_time class="table-of-contents__link toc-highlight">STALE_TIME</a><li><a href=#global_setting class="table-of-contents__link toc-highlight">GLOBAL_SETTING</a><li><a href=#global_subsetting class="table-of-contents__link toc-highlight">GLOBAL_SUBSETTING</a><li><a href=#setting class="table-of-contents__link toc-highlight">SETTING</a><ul><li><a href=#width class="table-of-contents__link toc-highlight">WIDTH</a><li><a href=#height class="table-of-contents__link toc-highlight">HEIGHT</a><li><a href=#margin class="table-of-contents__link toc-highlight">MARGIN</a><li><a href=#padding class="table-of-contents__link toc-highlight">PADDING</a><li><a href=#backcolor class="table-of-contents__link toc-highlight">BACKCOLOR</a><li><a href=#textcolor class="table-of-contents__link toc-highlight">TEXTCOLOR</a><li><a href=#bordercolor class="table-of-contents__link toc-highlight">BORDERCOLOR</a><li><a href=#raw class="table-of-contents__link toc-highlight">RAW</a></ul><li><a href=#subsetting class="table-of-contents__link toc-highlight">SUBSETTING</a><li><a href=#named_widget class="table-of-contents__link toc-highlight">NAMED_WIDGET</a><li><a href=#layout-widgets class="table-of-contents__link toc-highlight">Layout Widgets</a><ul><li><a href=#vertical class="table-of-contents__link toc-highlight">VERTICAL</a><li><a href=#verticalbox class="table-of-contents__link toc-highlight">VERTICALBOX</a><li><a href=#horizontal class="table-of-contents__link toc-highlight">HORIZONTAL</a><li><a href=#horizontalbox class="table-of-contents__link toc-highlight">HORIZONTALBOX</a><li><a href=#matrixbycolumns class="table-of-contents__link toc-highlight">MATRIXBYCOLUMNS</a><li><a href=#scrollwindow class="table-of-contents__link toc-highlight">SCROLLWINDOW</a><li><a href=#tabbook class="table-of-contents__link toc-highlight">TABBOOK</a><li><a href=#tabitem class="table-of-contents__link toc-highlight">TABITEM</a><li><a href=#iframe class="table-of-contents__link toc-highlight">IFRAME</a></ul><li><a href=#decoration-widgets class="table-of-contents__link toc-highlight">Decoration Widgets</a><ul><li><a href=#label class="table-of-contents__link toc-highlight">LABEL</a><li><a href=#horizontalline class="table-of-contents__link toc-highlight">HORIZONTALLINE</a><li><a href=#title class="table-of-contents__link toc-highlight">TITLE</a><li><a href=#spacer class="table-of-contents__link toc-highlight">SPACER</a></ul><li><a href=#telemetry-widgets class="table-of-contents__link toc-highlight">Telemetry Widgets</a><ul><li><a href=#array class="table-of-contents__link toc-highlight">ARRAY</a><li><a href=#block class="table-of-contents__link toc-highlight">BLOCK</a><li><a href=#formatvalue class="table-of-contents__link toc-highlight">FORMATVALUE</a><li><a href=#labelled class="table-of-contents__link toc-highlight">LABELLED</a><ul><li><a href=#led_color class="table-of-contents__link toc-highlight">LED_COLOR</a></ul><li><a href=#labelprogressbar class="table-of-contents__link toc-highlight">LABELPROGRESSBAR</a><li><a href=#labelvalue class="table-of-contents__link toc-highlight">LABELVALUE</a><li><a href=#labelvaluedesc class="table-of-contents__link toc-highlight">LABELVALUEDESC</a><li><a href=#labelvaluelimitsbar class="table-of-contents__link toc-highlight">LABELVALUELIMITSBAR</a><li><a href=#labelvaluelimitscolumn class="table-of-contents__link toc-highlight">LABELVALUELIMITSCOLUMN</a><li><a href=#labelvaluerangebar class="table-of-contents__link toc-highlight">LABELVALUERANGEBAR</a><li><a href=#led class="table-of-contents__link toc-highlight">LED</a><ul><li><a href=#led_color-1 class="table-of-contents__link toc-highlight">LED_COLOR</a></ul><li><a href=#limitsbar class="table-of-contents__link toc-highlight">LIMITSBAR</a><li><a href=#limitscolumn class="table-of-contents__link toc-highlight">LIMITSCOLUMN</a><li><a href=#limitscolor class="table-of-contents__link toc-highlight">LIMITSCOLOR</a><li><a href=#valuelimitsbar class="table-of-contents__link toc-highlight">VALUELIMITSBAR</a><li><a href=#valuelimitscolumn class="table-of-contents__link toc-highlight">VALUELIMITSCOLUMN</a><li><a href=#valuerangebar class="table-of-contents__link toc-highlight">VALUERANGEBAR</a><li><a href=#linegraph class="table-of-contents__link toc-highlight">LINEGRAPH</a><ul><li><a href=#item class="table-of-contents__link toc-highlight">ITEM</a><li><a href=#starttime class="table-of-contents__link toc-highlight">STARTTIME</a><li><a href=#history class="table-of-contents__link toc-highlight">HISTORY</a><li><a href=#secondsgraphed class="table-of-contents__link toc-highlight">SECONDSGRAPHED</a><li><a href=#pointssaved class="table-of-contents__link toc-highlight">POINTSSAVED</a><li><a href=#pointsgraphed class="table-of-contents__link toc-highlight">POINTSGRAPHED</a><li><a href=#size class="table-of-contents__link toc-highlight">SIZE</a></ul><li><a href=#sparkline class="table-of-contents__link toc-highlight">SPARKLINE</a><ul><li><a href=#item-1 class="table-of-contents__link toc-highlight">ITEM</a><li><a href=#starttime-1 class="table-of-contents__link toc-highlight">STARTTIME</a><li><a href=#history-1 class="table-of-contents__link toc-highlight">HISTORY</a><li><a href=#secondsgraphed-1 class="table-of-contents__link toc-highlight">SECONDSGRAPHED</a><li><a href=#pointssaved-1 class="table-of-contents__link toc-highlight">POINTSSAVED</a><li><a href=#pointsgraphed-1 class="table-of-contents__link toc-highlight">POINTSGRAPHED</a><li><a href=#size-1 class="table-of-contents__link toc-highlight">SIZE</a></ul><li><a href=#labelsparkline class="table-of-contents__link toc-highlight">LABELSPARKLINE</a><ul><li><a href=#item-2 class="table-of-contents__link toc-highlight">ITEM</a><li><a href=#starttime-2 class="table-of-contents__link toc-highlight">STARTTIME</a><li><a href=#history-2 class="table-of-contents__link toc-highlight">HISTORY</a><li><a href=#secondsgraphed-2 class="table-of-contents__link toc-highlight">SECONDSGRAPHED</a><li><a href=#pointssaved-2 class="table-of-contents__link toc-highlight">POINTSSAVED</a><li><a href=#pointsgraphed-2 class="table-of-contents__link toc-highlight">POINTSGRAPHED</a><li><a href=#size-2 class="table-of-contents__link toc-highlight">SIZE</a></ul><li><a href=#imageviewer class="table-of-contents__link toc-highlight">IMAGEVIEWER</a><li><a href=#progressbar class="table-of-contents__link toc-highlight">PROGRESSBAR</a><li><a href=#rangebar class="table-of-contents__link toc-highlight">RANGEBAR</a><li><a href=#rollup class="table-of-contents__link toc-highlight">ROLLUP</a><li><a href=#signal class="table-of-contents__link toc-highlight">SIGNAL</a><li><a href=#textbox class="table-of-contents__link toc-highlight">TEXTBOX</a><li><a href=#value class="table-of-contents__link toc-highlight">VALUE</a></ul><li><a href=#interactive-widgets class="table-of-contents__link toc-highlight">Interactive Widgets</a><ul><li><a href=#button class="table-of-contents__link toc-highlight">BUTTON</a><li><a href=#checkbutton class="table-of-contents__link toc-highlight">CHECKBUTTON</a><li><a href=#combobox class="table-of-contents__link toc-highlight">COMBOBOX</a><li><a href=#date class="table-of-contents__link toc-highlight">DATE</a><li><a href=#radiogroup class="table-of-contents__link toc-highlight">RADIOGROUP</a><li><a href=#radiobutton class="table-of-contents__link toc-highlight">RADIOBUTTON</a><li><a href=#textfield class="table-of-contents__link toc-highlight">TEXTFIELD</a><li><a href=#time class="table-of-contents__link toc-highlight">TIME</a></ul><li><a href=#canvas-widgets class="table-of-contents__link toc-highlight">Canvas Widgets</a><ul><li><a href=#canvas class="table-of-contents__link toc-highlight">CANVAS</a><li><a href=#canvaslabel class="table-of-contents__link toc-highlight">CANVASLABEL</a><li><a href=#canvaslabelvalue class="table-of-contents__link toc-highlight">CANVASLABELVALUE</a><li><a href=#canvasimage class="table-of-contents__link toc-highlight">CANVASIMAGE</a><ul><li><a href=#screen-1 class="table-of-contents__link toc-highlight">SCREEN</a></ul><li><a href=#canvasimagevalue class="table-of-contents__link toc-highlight">CANVASIMAGEVALUE</a><ul><li><a href=#image class="table-of-contents__link toc-highlight">IMAGE</a><li><a href=#screen-2 class="table-of-contents__link toc-highlight">SCREEN</a></ul><li><a href=#canvasline class="table-of-contents__link toc-highlight">CANVASLINE</a><li><a href=#canvaslinevalue class="table-of-contents__link toc-highlight">CANVASLINEVALUE</a><ul><li><a href=#value_eq class="table-of-contents__link toc-highlight">VALUE_EQ</a></ul><li><a href=#canvasdot class="table-of-contents__link toc-highlight">CANVASDOT</a></ul><li><a href=#example-file class="table-of-contents__link toc-highlight">Example File</a></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class=footer__title>Homepage</div><ul class="footer__items clean-list"><li class=footer__item><a href=https://openc3.com target=_blank rel="noopener noreferrer" class=footer__link-item>Home</a></ul></div><div class="col footer__col"><div class=footer__title>Docs</div><ul class="footer__items clean-list"><li class=footer__item><a class=footer__link-item href=/tools/staticdocs/docs>Documentation</a></ul></div><div class="col footer__col"><div class=footer__title>Community</div><ul class="footer__items clean-list"><li class=footer__item><a href=https://www.linkedin.com/company/openc3 target=_blank rel="noopener noreferrer" class=footer__link-item>LinkedIn<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_awgD><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a></ul></div><div class="col footer__col"><div class=footer__title>More</div><ul class="footer__items clean-list"><li class=footer__item><a href=https://github.com/OpenC3/cosmos target=_blank rel="noopener noreferrer" class=footer__link-item>GitHub<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_awgD><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a class=footer__link-item href=/tools/staticdocs/docs/privacy>Privacy</a></ul></div></div><div class="footer__bottom text--center"><div class=footer__copyright>Copyright © 2024 OpenC3, Inc.</div></div></div></footer></div>