Usage of CSS Classe ui-widget
Hello,
I'm trying to use the CSS classes from JQuery UI to style my page but
it seems like the out of the box fonts and sizes are very large.
As example, I apply the ui-widget class to a fieldset and then all of
the widgets (input, select, etc) are then changed based upon the ui-
widget class. They add a nice look to the contained controls, but
everything is huge.
Even if I don't use the ui-widget class and just try to use the
datepicker. The datapicker seems to be extremely huge. I realize I
can change these sizes myself, but I was thinking maybe I was missing
something as the default sizes are way big and maybe there is
something else I need to do.
Looking at the JQuery demo page that I downloaded, the font/controls
seem normal size in there but there is this in the body style:
font: 62.5%
which might be reducing everything.
Any help would be great. Thanks.
--
I'm trying to use the CSS classes from JQuery UI to style my page but
it seems like the out of the box fonts and sizes are very large.
As example, I apply the ui-widget class to a fieldset and then all of
the widgets (input, select, etc) are then changed based upon the ui-
widget class. They add a nice look to the contained controls, but
everything is huge.
Even if I don't use the ui-widget class and just try to use the
datepicker. The datapicker seems to be extremely huge. I realize I
can change these sizes myself, but I was thinking maybe I was missing
something as the default sizes are way big and maybe there is
something else I need to do.
Looking at the JQuery demo page that I downloaded, the font/controls
seem normal size in there but there is this in the body style:
font: 62.5%
which might be reducing everything.
Any help would be great. Thanks.
--
Topic Participants
Richard Worth