how to change the arrow icon for jqxnumberinput?

[SivaParticipant]

Hi Peter/Team,

I am using jqxnumberinput control, here i want to change the up and down customized arrow which am i have. I tried to change the arrow, its changed. But, it getting reflected where-ever the up and down arrow show. For example : its getting reflected in dropdown down arrow, dropdown scroller(customized up and down arrow), etc.,

Is there any way to change the up and down arrow only on jqxnumberinput control?

Please suggest, Thanks in advance.

[DimitarParticipant]

Hello Siva,

To do this, specify the particular widget’s id in the style:

<style type="text/css">
    #numericInput .jqx-icon-arrow-up
    {
        background-image: url("icon-arrow-up-custom.png");
    }
</style>

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[SivaParticipant]

Hi Dimitar,

This idea will work for a control only by using ID, i have more spin controls in different pages. So i need a global spin control classname like “jqx-checkbox” or “jqx-radiobutton”.
Is there any global classname, do you have for spin control(jqxnumberinput)?

[DimitarParticipant]

Hi Siva,

The class jqx-numberinput is applied to all jqxNumberInput instances.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[SivaParticipant]

It works… Thanks Dimitar.

[Author]

Posts