Hi James,
Thanks for coming back to me on this.
Is it possible to achieve the selected state on a push button as opposed to using a toggle? We are using the buttons to change video crosspoints and the end user would very likely not deselect a toggle as their video source has already changed.
Toggles may be a solution if it is possible to allow only one to be active at once and any further selection deselects the previous?
Thanks, Gareth
------------------------------
Gareth Davies
Support Engineer
ITV Plc
------------------------------
Original Message:
Sent: 08-13-2025 11:30
From: James Peltzer
Subject: Custom panel active button highlight
Hi Gareth
The most common way to have a button with state (selected vs unselected) would be to us a Param instead of a Button. You can do a single toggle button or an array of toggle buttons if you have multiple choices.
<abs contexttype="opengear" keepalive="true"> <meta> <params> <param access="1" constrainttype="INT_CHOICE" name="Single Toggle" oid="Single_Toggle" precision="0" type="INT32" value="0" widget="toggle"> <constraint key="0">Off</constraint> <constraint key="1">On</constraint> </param> <param access="1" constrainttype="INT_CHOICE" name="Radio Toggle" oid="Radio_Toggle" precision="0" type="INT32" value="0" widget="radio-toggle"> <constraint key="0">One</constraint> <constraint key="1">Two</constraint> <constraint key="2">Three</constraint> </param> </params> </meta> <param expand="true" height="97" left="74" oid="Single_Toggle" style="style:toggleButton;" top="52" width="138"> <task tasktype="ogscript">if (this.getValue() == 0) { ogscript.debug("DO 'OFF' ACTION");} else { ogscript.debug("DO 'ON' ACTION");}</task> </param> <param expand="true" height="84" left="79" oid="Radio_Toggle" style="style:toggleButton;" top="179" width="341"> <task tasktype="ogscript">switch (this.getValue()) { case 0: ogscript.debug("DO ACTION ONE"); break; case 1: ogscript.debug("DO ACTION TWO"); break; case 2: ogscript.debug("DO ACTION THREE"); break;}</task> </param></abs>
------------------------------
James Peltzer
Ross Video
Original Message:
Sent: 08-12-2025 05:31
From: Gareth Davies
Subject: Custom panel active button highlight
I'm persevering to get the the push button to change style when selected. I've had a look through previous community questions and came across a similar thread from 2016. Am I on the right track wit the following code?
<abs contexttype="opengear">
<meta>
<style id="DefaultStyle" value="size:Bigger;fg#FFFA01;bg#063A71;o#000000;"/>
<style id="SelectedStyle" value="size:Bigger;fg#FFFA01;bg#FF0000;o#000000;"/>
<api>function selectButton(buttonID)
{
//Set button to selected style
ogscript.setStyle(buttonID, 'style:SelectedStyle');
}
</api>
</meta>
<button buttontype="push" height="115" id="1000" left="63" name="Click Me" style="style:DefaultStyle;" top="105" width="195">
<task tasktype="ogscript">
rosstalk.sendMessage('1.1.1.1', 7788, 'TAKE 1001:0:0');
selectButton('1000')
</task>
</button>
</abs>
https://rossvideo.community/communities/community-home/digestviewer/viewthread?MessageKey=52ebf984-07cb-4a37-b07f-79ccf6d42c20&CommunityKey=94781415-eb0f-4f9a-b891-c44d41d870c8
------------------------------
Gareth Davies
Support Engineer
ITV Plc
Original Message:
Sent: 07-31-2025 03:05
From: Gareth Davies
Subject: Custom panel active button highlight
We have x2 simple custom panels with 10x2 rows of push buttons which fire XPT rossTalk commands to switch Ultrix-Fr5 sources to a single destination. These panels are used on Ultritouch panels and when each button is selected the background only changes to a slightly muted colour.
The end users would like a more instantly visible way of knowing which button is selected. Ideally achieved with a border for the active crosspoint button. Please can you advise on the best solution to achieve this?
------------------------------
Gareth Davies
Support Engineer
ITV Plc
------------------------------