How to close calendar panel with click outside?

[Wiedmann Thomas]

For panel I found Choosing When to Focus and Hide
http://yuilibrary.com/yui/docs/panel/#choosing-when-to-focus-and-hide

How to do hideOn with calendar widget?

Thanks,
Thomas

[Marco Asbreuk]

create your own events and hide the calendar in the subscriber.

F.i:

mycalendar.get('boundingBox').on(
    'clickoutside',
    function() {
        mycalendar.hide();
    }
);

Marco

Op woensdag 5 maart 2014 11:40:57 UTC+1 schreef Wiedmann Thomas:

[Wiedmann Thomas]

Hi Marco,

thanks, but I don't understand 'boundingBox' ?


mycalendar.get('boundingBox').on(
    'clickoutside',
    function() {
        mycalendar.hide();
    }
);

Thanks!
Thomas

[Marco Asbreuk]

Calendar is a widget. Every widget has a outermost node (see it as a container-node).

http://yuilibrary.com/yui/docs/widget/#the-bounding-box

This node can be referenced by calling yourwidget.get('boundingBox').

mycalendar.get('boundingBox') will return a node that is actually the 'container' of the calendar.

eventlistener are very often bound to this node (either directly or by delegating)

Marco.


Op woensdag 5 maart 2014 15:37:40 UTC+1 schreef Wiedmann Thomas:

[John Lindal]

You can also mix in Y.WidgetAutohide.  This has a hideOn attribute that you can configure with events:

  http://yuilibrary.com/yui/docs/api/classes/WidgetAutohide.html

Another option, if you just want a calendar and nothing else, is use gallery-popup:

  http://jafl.github.io/yui-modules/popup/

  http://jafl.github.io/yui-modules/datetime/

John

--
You received this message because you are subscribed to the Google Groups "yui-support" group.
To unsubscribe from this group and stop receiving emails from it, send an email to yui-support...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

[Wiedmann Thomas]

Hi Marco, hi John

thanks again, but my sample did'nt work (don't close the calendar on clickoutside)
http://jsfiddle.net/thomas_w/rLYsy/

Maybe someone help me out..
Thanks!

[Marco Asbreuk]

clickoutside is provided by the 'event-outside' module: http://yuilibrary.com/yui/docs/api/modules/event-outside.html

you must include this module.

Marco

Op donderdag 6 maart 2014 13:02:35 UTC+1 schreef Wiedmann Thomas:

[Wiedmann Thomas]

Hi Marco,

sorry, but after I have added 'event-outside' the calendar did'nt appears any more... (some error?)

[...]
'datatype-date-math',  
'event-outside',
[...]

I have commented this part. After this, the fiddle run again...
http://jsfiddle.net/thomas_w/rLYsy/9/

Any help again...?

Many thanks,
Thomas

[Wiedmann Thomas]

Looking around, I found this sample ( https://gist.github.com/fabioyamate/5175066 )

And put it here..
http://jsfiddle.net/SBf7H/

Seems to work... now I will rebuild my sample to this one...

Thanks!
Thomas

[Wiedmann Thomas]

At last, I go the easy way and put a close button into my calendar <div> container

http://jsfiddle.net/rLYsy/11/

[Marco Asbreuk]

Hey Thomas,

If it's all about having a datepicker (instead of creating one of your own), you might take a look at http://projects.itsasbreuk.nl/examples/itsadatetimepicker/

This is a date and datetime picker out of the box (using Promises) https://github.com/ItsAsbreuk/itsa-gallery/tree/master/src/gallery-itsadatetimepicker

Best regards,

Marco

Op dinsdag 11 maart 2014 14:52:13 UTC+1 schreef Wiedmann Thomas:

[John Lindal]

Did you take a look at  http://jafl.github.io/yui-modules/datetime/ ?

One of the examples has a popup without a close button.

Joh

On Mar 11, 2014, at 6:52 AM, Wiedmann Thomas <tw...@web.de> wrote:

At last, I go the easy way and put a close button into my calendar <div> container

http://jsfiddle.net/rLYsy/11/

--
You received this message because you are subscribed to the Google Groups "yui-support" group.
To unsubscribe from this group and stop receiving emails from it, send an email to yui-support...@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

[Wiedmann Thomas]

Hi Marko, hi John!

Thanks again. I try to ignore galery modules. Got to many problems with galery (and external libraries) in the past.

Regards,
Thomas