Ok, putting much more then the basic z-index init of dialog works find at least...
I don't see when you want a datepicker to be behind an other element?! Richard On Thu, Sep 8, 2011 at 5:27 PM, Richard Vézina <[email protected]>wrote: > God... The fix seems to work only for the first trigger of the popup... > > Richard > > > On Thu, Sep 8, 2011 at 5:25 PM, Richard Vézina < > [email protected]> wrote: > >> It seems that you can initialise dialog with a given zIndex >> >> And the default zIndex that I have in the js is zIndex: 1000 >> >> I just read the js and it seems to change between 1000 and 1001... I try >> with 1002 in the .calendar css class of "web2py datepicker" and it works >> find. >> >> Don't know maybe adding a note in the css file of the "web2py datepicker" >> near the z-index parameter should be done to inform user of what to do in >> case of problem... >> >> ;-) >> >> Richard >> >> >> On Thu, Sep 8, 2011 at 5:11 PM, Richard Vézina < >> [email protected]> wrote: >> >>> .calendar{ >>> z-index: 100000000000; >>> position: relative; >>> display: none; >>> border-right: 1px solid #808080; >>> border-left: 1px solid #808080; >>> border-bottom: 1px solid #808080; >>> font-size: 11px; >>> color: #9A9A9A; >>> cursor: default; >>> background: #fafaed; >>> font-family: Arial, Helvetica,sans-serif; >>> } >>> >>> SOLVED >>> >>> It maybe to much should check the dialog plugin and put just one value >>> above... >>> >>> Richard >>> >>> On Thu, Sep 8, 2011 at 5:07 PM, Richard Vézina < >>> [email protected]> wrote: >>> >>>> I have the same problem is you find a solution... >>>> >>>> I will try with z-index, but I am not sure if it will work, should pick >>>> one upper the dialog plugin use if it's the source of the problem. >>>> >>>> Richard >>>> >>>> >>>> On Thu, Sep 8, 2011 at 4:34 PM, Paul Gerrard < >>>> [email protected]> wrote: >>>> >>>>> Hi, >>>>> >>>>> I used this css as is (although I did change the background colour to >>>>> match my site. however... I'm using the dat picker on a field >>>>> displayed in a jquerydialog. the datepicket pops up - behind the >>>>> dialog box. I think the z-indexvalue needs bumping up (or is it >>>>> down?) >>>>> >>>>> Looks good tho :O) >>>>> >>>>> On Sep 7, 7:23 am, annet <[email protected]> wrote: >>>>> > Hi David, >>>>> > >>>>> > I didn't like the calendar that comes with web2py, not for its >>>>> > functionality but for its appearance. Instead of replacing it I just >>>>> > restyled it: >>>>> > >>>>> > .calendar { >>>>> > cursor: default; >>>>> > background-color: #FFFFFF; >>>>> > color: #444444; >>>>> > font-size: 11px; >>>>> > border: 1px solid #AAAAAA; >>>>> > border-radius: 6px; >>>>> > -webkit-border-radius: 6px; >>>>> > -moz-border-radius: 6px; >>>>> > padding: 6px;} >>>>> > >>>>> > .calendar table { >>>>> > border-collapse: separate; >>>>> > border-spacing: 2px;} >>>>> > >>>>> > .calendar thead {} >>>>> > .calendar thead tr, .calendar thead .headrow { >>>>> > background-color: #4169E1; >>>>> > color: #444444;} >>>>> > >>>>> > .calendar thead .daynames {} >>>>> > .calendar .button, .calendar thead .title { >>>>> > color: #FFFFFF; >>>>> > font-size: 12px; >>>>> > text-align: center; >>>>> > padding: 3px;} >>>>> > >>>>> > .calendar thead tr .hilite, .calendar thead tr .active, .calendar >>>>> > thead .headrow .hilite, .calendar thead .headrow .active { >>>>> > background-color: #FFFFFF; >>>>> > color: #4169E1; >>>>> > padding: 3px;} >>>>> > >>>>> > .calendar thead .daynames .hilite, .calendar thead .daynames .active >>>>> { >>>>> > background-color: #FFFFFF; >>>>> > color: #444444;} >>>>> > >>>>> > .calendar thead .name { >>>>> > background-color: #FFFFFF; >>>>> > text-align: center; >>>>> > padding: 3px;} >>>>> > >>>>> > .calendar tbody {} >>>>> > .calendar tbody td { >>>>> > text-align: right; >>>>> > border: 1px solid #AAAAAA;} >>>>> > >>>>> > .calendar tbody td.hilite { >>>>> > background-color: #777777; >>>>> > color: #FFFFFF;} >>>>> > >>>>> > .calendar tbody td.active, .calendar tbody td.selected { >>>>> > font-weight: bold; >>>>> > background-color: #FFFFFF; >>>>> > color: #4169E1;} >>>>> > >>>>> > .calendar tbody td.today { >>>>> > font-weight: bold; >>>>> > background-color: #4169E1; >>>>> > color: #FFFFFF;} >>>>> > >>>>> > .calendar tbody .disabled { >>>>> > color: #777777;} >>>>> > >>>>> > .calendar tbody .emptycell { >>>>> > visibility: hidden;} >>>>> > >>>>> > .calendar tbody .emptyrow { >>>>> > display: none;} >>>>> > >>>>> > .calendar tfoot .ttip { >>>>> > background-color: #777777; >>>>> > color: #FFFFFF; >>>>> > text-align: center; >>>>> > border: 1px solid #333333; >>>>> > padding: 1px;} >>>>> > >>>>> > .calendar tfoot .hilite { >>>>> > padding: 1px; >>>>> > background-color: >>>>> > #EEEEEE;} >>>>> > >>>>> > .calendar tfoot .active { >>>>> > padding: 2px 0px 0px 2px;} >>>>> > >>>>> > .calendar .combo { >>>>> > background-color: #FFFFFF; >>>>> > position: absolute; >>>>> > display: none; >>>>> > width: 4em; >>>>> > top: 0px; >>>>> > left: 0px; >>>>> > cursor: default; >>>>> > border: 1px solid #DDDDDD; >>>>> > padding: 1px; >>>>> > z-index: 100;} >>>>> > >>>>> > .calendar .combo .label, .calendar .combo .label-IEfix { >>>>> > text-align: center; >>>>> > padding: 1px;} >>>>> > >>>>> > .calendar .combo .label-IEfix { >>>>> > width: 4em;} >>>>> > >>>>> > .calendar .combo .active { >>>>> > background-color: #CCCCCC; >>>>> > color: #FFFFFF; >>>>> > padding: 0px;} >>>>> > >>>>> > .calendar .combo .hilite { >>>>> > background-color: #777777; >>>>> > color: #FFFFFF;} >>>>> > >>>>> > .floatleft { >>>>> > float: left;} >>>>> > >>>>> > .CP_over { >>>>> > background-color: #FFFFFF >>>>> > } >>>>> > >>>>> > Just another option ;-) >>>>> > >>>>> > Kind regards, >>>>> > >>>>> > Annet. >>>>> >>>> >>>> >>> >> >
