Change Icon ? - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

Tagged: Angular combobox, bootstrap combobox, change arrow icon, javascript combobox, jquery combobox, jqwidgets combobox, jqxComboBox

This topic contains 4 replies, has 2 voices, and was last updated by nico86 10 years ago.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Change Icon ? Posts
March 18, 2016 at 3:06 pm Change Icon ? #82635

nico86
Participant

Hi,
Is it possible to change the icon (arrow down) of the combobox widget by another magnifying glass (ui-icon-search)

Thanks
Nico

March 21, 2016 at 8:38 am Change Icon ? #82659

Hristo
Participant

Hello Nico,

This is possible with relevant class and could read about this in API Documentation:
http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxcombobox/jquery-combobox-styling-and-appearance.htm?search=combobox

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

March 21, 2016 at 9:52 am Change Icon ? #82662
nico86
Participant
Hi,
I try this into my css file, but i haven’t icon instead of.
Could you help me.

Nicolas.
```
.jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected
{
    background-image: url('images/search.png'); !important
}
```
March 21, 2016 at 11:35 am Change Icon ? #82681

Hristo
Participant

Hello Nico,

Please take a look this example: http://jsfiddle.net/txhi/g4x9wbxf/

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

March 21, 2016 at 12:56 pm Change Icon ? #82687

nico86
Participant

thanks it is ok now, just a problem of path
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.