can you send me a patch (until a get one for a better calendar ;-)
On Sep 8, 4:31 pm, Richard Vézina <ml.richard.vez...@gmail.com> wrote:
> 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
> <ml.richard.vez...@gmail.com>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 <
> > ml.richard.vez...@gmail.com> 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 <
> >> ml.richard.vez...@gmail.com> 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 <
> >>> ml.richard.vez...@gmail.com> 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 <
> >>>> p...@gerrardconsulting.com> 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 <annet.verm...@gmail.com> 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.
