I am using this tutorial here
tutorial to build a calendar, it utilizes jquery-ui to produce a dialog box for the registration of an event. Upon clicking a time slot the dialog appears on top of the overlay.
You can see an example of what I am talking about on the section named "Let's start a dialog".
But I do not want
this overlay appearing at all.
The problem is I do not know how to do it.The file I downloaded from here for using the UI component is
jQuery UI - v1.10.3-custom-min.js.
probably the code will be there, but where?
I am using chrome dev tools to help me in the above but it points me to a line of code in jquery-1.10.1.min.js.
The only thing I know is that the color of the overlay is controlled by css in a file called jquery-ui-1.8.13-ustom.css
The rule is this:
- .ui-widget-overlay { background: #FF0000 url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
So stating the problem once more:
How to remove the overlay in the dialog widjet of jquery UI.