Hi Web2py developers,
This thread did not seem to be implemented. Massimo said he will put it
into the next release, but should I do it with a push request?
regards
Ben
On Friday, September 9, 2011 at 6:36:02 AM UTC-7, Richard wrote:
>
> Sure... Do you want the Annet CSS or mine ?
>
> Richard
>
> On Thu, Sep 8, 2011 at 9:17 PM, Massimo Di Pierro <massimo....@gmail.com
> <javascript:>> 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.
>>
>
>
--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to web2py+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
