Styling jqxPopover

[baderaParticipant]

I should be able to style a jqxPopover like a jqxNotification with template “error”. How can I achieve this?
I am using the jqxPopover the angularjs (v1) way. If I place a class or a style on the directives tag, it is removed during creation of the widget and looses therefore its effect. (Same is true, if we use jqxPopover the “original” jquery way: If we put a class / style on the div, from which the popover will be created, it will be removed). I also did not found out, which jqx-xxxx class I could adapt to really get an effect on the popover (and I like to set this styling selectively just on one or multiple of my popovers, not for all).
Can you help me?
Thanks in advance!
– badera

[Peter StoevKeymaster]

Hi badera,

The Popover does not have built-in templates. You can find the jqx-popover related CSS classes or add custom CSS classes when you create it in order to style it. There is not other option.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[baderaParticipant]

Thanks Peter.

You wrote: or add custom CSS classes when you create it in order to style it.

How can I do this properly? As I pointed out, we cannot just set the class in the html tag, because it is removed during creation of the widget. So I need to do it afterwards with JQuery I think. But what is the clean way to know, when the widget has been created? There is no ready event / callback or similar.

– badera

[baderaParticipant]

I would still be pleased for an answer.

[Peter StoevKeymaster]

With jQuery you can add CSS classes. jQuery has addClass function. Usually widgets are ready for usage after you initialize them especially when you have no data binding and asynchronous processes.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts