Home/ Questions/Q 8593889
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T00:05:21+00:00

I am making a calendar component in jQuery which I want to be styleable

  • 0

I am making a calendar component in jQuery which I want to be styleable with theme-roller themes and any of the available jquery themes (smoothness, ui-ligtness, ui-darkness etc.). Using the different css classes ui-widget, ui-widget-container, ui-state-XXX I have something that works ok. The problem is that the background for some of the themes ends up looking weird because of the backgrounds position.

An sample is available here: http://jsfiddle.net/Ddn3t/1

However, note that I can’t realy use background-postion: bottom since if I change the theme I would need to alter that value to top instead.

For instance in this case: http://jsfiddle.net/Uasen/2

So I need a way to have the background be positioned properly for both cases.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The state classes are for clickable button-like elements, not really for anything else. They are the issue. If you remove them then everything will display fine. You probably should also add the ui-widget class to the outer element. ie.

    <div style="height: 400px;" class="ui-calendar-day ui-widget ui-widget-content">
<div class="ui-calendar-day-name ui-calendar-day-header ui-widget-header ui-helper-clearfix " style="top: 0px; ">Friday</div>
<div style="display: none" class="ui-calendar-day-number ui-calendar-day-header ui-widget-header" style="top: 0px; ">7</div>

    ​

    @see Theme API

    • 0