CSS Related

[jkapasiParticipant]

Hello

I have simple HTML elements in my application. Using a theme provided I have used JQWidgets to display some data.
I want my entire application to have a similar look and feel using a common css by any one of the options provided below.

1) Is it possible to get the look and feel of the JQWidgets elements with the theme on the HTML elements and/or can I use the css of JQWidegts on HTML elements.

2) Along with that I also want to know if I can replace/import/merge the css of JQWidgets with my custom css?

Regards
Jash

[Peter StoevKeymaster]

Hi Jash,

Widgets styling requires including jqx.base.css and other theme file like jqx.arctic.css and setting the widget’s theme property to the theme’s name, ex: $(“#button”).jqxButton({theme: ‘arctic’}); If you want to change a CSS property, you can open any of the CSS files which you use and change a setting. In addition, all CSS Classes are described on: http://www.jqwidgets.com/jquery-widgets-documentation/ – Styling and Appearance help topics. If you want to create a custom style, you can either use our Theme Builder tool or change backgrounds and colors of existing theme file. I don’t think that you’ll be able to style your html elements to look the same way, because we use custom things in our widgets like self-made scrollbars for scrolling, etc. However, you can apply same colors, backgrounds, padding, font style, font size which should be enough for common look and feel.

Best Regards,
Peter Stoev

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

[Author]

Posts