Edit any style attribute of any jqxwidget

[unicornParticipant]

The button was created in app.component.html with gray background color:

    <jqxButton 
      #myButton 
      style="background-color: gray"
      class="myButtonClass"
      (onClick)='onClick()'>
    Click Button</jqxButton>

When button is clicked I want to change its background color to red in app.component.ts in the onClick() method:

export class MyButtonComponent {
  @ViewChild('myButton', { static: false }) myButton: ElementRef; 

  onClick() {  
    console.log("myButton: Here I want to change any style attribute of the", this.myButton);
  }

How to change any style attributes of any jqxwidget ?

[HristoParticipant]

Hello unicorn,

You could use its internal classes to achieve this.
More details and all available classes you could find in the “Styling and Appearance” page:
https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxbutton/jquery-button-styling-and-appearance.htm?search=buttons
For example, you could change the style of the buttons with this .jqx-button class.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts