1

jsFiddle is provided for better illustration. In this case I am using two plugins: jQuery UI layout plugin & Trent datetime picker plugin.

The pop-up datetime picker will be blocked by the west pane resize bar. If I set option west__showOverflowOnHover: true, the scroll bar won't work. I am follow the overflow setting instruction here, but still not get it through yet.

Or maybe there is a conflict between these two plugins?

Tim Lewis
  • 27,813
  • 13
  • 73
  • 102
sozhen
  • 7,627
  • 14
  • 36
  • 53
  • The problem is the bar that divides in two the screen, which is overlapping the datepicker? – Luis Jul 11 '12 at 18:24
  • yes, that's my problem. I want the date picker will be on the upper layer. Let me know if you still not quite sure. Thanks – sozhen Jul 11 '12 at 18:26

1 Answers1

2

Your problem is the z-index, in this file jquery-ui.css search for the class .ui-datepicker and add the property like this:

.ui-datepicker {
   width: 17em;
   padding: .2em .2em 0;
   z-index: 100 !important;
}

For the moment I overwrite the class, you can check it here

Hope it helps!

Luis
  • 5,786
  • 8
  • 43
  • 62
  • Thank you very much. Problem solved! I was waiting the count down to accept your answer.. very quick answer, lol – sozhen Jul 11 '12 at 18:34