Sure... Do you want the Annet CSS or mine ?
Richard
On Thu, Sep 8, 2011 at 9:17 PM, Massimo Di Pierro <
massimo.dipie...@gmail.com> wrote:
> 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.
>
