cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Buttons pressed & unpressed

SOLVED
Highlighted
Regular Member

Buttons pressed & unpressed

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?

1 ACCEPTED SOLUTION

Accepted Solutions

Re: Buttons pressed & unpressed

 

 Capture.JPG

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

 

Tags (1)
8 REPLIES 8

Re: Buttons pressed & unpressed

Use RadioButton instead 😉 

Re: Buttons pressed & unpressed

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

Any idea how i can resolve this issue?

Re: Buttons pressed & unpressed

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

Re: Buttons pressed & unpressed

For mobile devices. I am using Ipad.

Re: Buttons pressed & unpressed

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

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

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

 

 Capture.JPG

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

 

Tags (1)