topic Re: Buttons pressed & unpressed in Vuforia Studio

Buttons pressed & unpressed

tllam — Mon, 09 Jul 2018 06:21:01 GMT

Hi,

I am facing this case. I have 3 buttons.

If i 'pressed' button1, i want button2 and button3 to be 'unpressed'.

If i 'pressed' button2, i want button1 and button3 to be 'unpressed'.

If i 'pressed' button3, i want button2 and button1 to be 'unpressed'.

How do i bind them?

Or how to create code for them?

Re: Buttons pressed & unpressed

CarlesColl — Mon, 09 Jul 2018 07:52:19 GMT

Use RadioButton instead 😉

Re: Buttons pressed & unpressed

tllam — Mon, 09 Jul 2018 22:59:44 GMT

Sorry. I should have mention i am working on Thingworx Studio.

Any idea how i can resolve this issue?

Re: Buttons pressed & unpressed

whity — Tue, 10 Jul 2018 05:31:24 GMT

Are you working on a HoloLens-Project or is it for mobile devices?

Re: Buttons pressed & unpressed

tllam — Tue, 10 Jul 2018 05:36:10 GMT

For mobile devices. I am using Ipad.

Re: Buttons pressed & unpressed

whity — Tue, 10 Jul 2018 05:52:27 GMT

Hi,

in the Project panel to the left, you can find “Application” under “Styles”. If you click that you have a coding area just like the home.js. Except, that you use CSS here. Your code could look like this:

.NormalButton {

font-family: Arial;

font-weight: bold;

text-align: center;

width: 200px;

background-color: white;

border-radius: 10px;

}

.NormalButton:hover {

background-color: #468499;

color:white;

}

You can assign that code to a button by writing “NormalButton” (without quotation marks) in the class field of your button.

If you want them to stay pressed, you should use radio buttons, like CarlesColl wrote.

Re: Buttons pressed & unpressed

tllam — Tue, 10 Jul 2018 06:56:49 GMT

I am using Thingworx Studio. And Thingworx Studio dont have radio button.

By the way, the above is CSS coding for the appearance of the button when 'pressed' and 'unpressed'.

Re: Buttons pressed & unpressed

whity — Tue, 10 Jul 2018 07:54:21 GMT

Usually you should use toggle buttons for that purpose. You could do a bindig that if one putton is pressed, the others get unpressed. Therefor you have to click and hold the arrow of “pressed” and drag it on one of the other buttons. Than select not pressed. Then do this with all other buttons. Unfortunately it didn’t work at my project. Maybe some bug?

AllanThompson had the same issue. Seems like you can solve it with code.

https://community.ptc.com/t5/Studio/Toggling-a-toggle-button-with-another-toggle-button/m-p/529986

ther-toggle-button/m-p/529986

Re: Buttons pressed & unpressed

Giuseppe_Fiore — Wed, 11 Jul 2018 09:35:25 GMT

i maked a simulation of Radio button width CheckBox .

Make 3 widget CheckBox and change the id width

c1 event click call sw();

c2 event click call sw();

c3 event click call sw();

write thiks code :

$scope.sw=function() {

var sw=this["me"].widgetName;

$scope.view.wdg['c1'].value=false;
$scope.view.wdg['c2'].value=false;
$scope.view.wdg['c3'].value=false;
// ----------------- widget to mark select ---------------------

$scope.view.wdg[sw].value=true;

};

bind this function to 3 checkbox into event click.

set to active one of the widget for start position.

when you press on one of the checkboxes he changes the status to the others,just like a radio button widget.

I hope my help has been useful.

Giuseppe