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

Change CSS class of a button

SOLVED
Highlighted
Amethyst

Change CSS class of a button

I'm trying to create a function which removes the class of a button and then adds another class:

$scope.tutorialShow = function () {
 angular.element(document.querySelector("[widget-id=instructionInfoButton] button")).removeClass("test").addClass("button");
}

 

I'm not sure the error in my code.

Tags (2)
1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted

Re: Change CSS class of a button

Hi Micah,

 

Can you try the following?

$scope.tutorialShow = function () { 
  $scope.setWidgetProp('instructionInfoButton','class',undefined);
  $scope.setWidgetProp('instructionInfoButton','class','button');
}

 

 

View solution in original post

2 REPLIES 2
Highlighted

Re: Change CSS class of a button

Hi Micah,

 

Can you try the following?

$scope.tutorialShow = function () { 
  $scope.setWidgetProp('instructionInfoButton','class',undefined);
  $scope.setWidgetProp('instructionInfoButton','class','button');
}

 

 

View solution in original post

Highlighted

Re: Change CSS class of a button

I believe the quotes around the widget id are not correct in your code.  Here is an example from an experience I've created:

 

angular.element(document.querySelector('[widget-id="PartIDListGrid"] .row:nth-child(2)')).addClass("SelectedItem");

 

I think yours should be (I didn't test):

 

angular.element(document.querySelector('[widget-id="instructionInfoButton"] button')).removeClass("test").addClass("button");

  

Announcements
Join an
AR Working Group!

Topics available:
AR/VR for Data Optimization AR/VR for Security and Control AR/VR for Inspection