Modifying calendar.js for smoother hiding action

Hi!

So now I am trying to fine tune small details. One of them is the hiding of categories or all events. I find it a bit rough and was thinking to make it "progressive" with some transition. I've tried to use el.setStyles({many styles...}) but without any success. Could that be due to the display: none not allowing this?

Do you see any other way to do that?

Thank you.

Hi Fred,

erm... that's JavaScript - the only language (except English :laugh: ) I don't really speak and so try to forgo as far as possible.
Sorry, but there I can't help.

Hopefully someone else has more experience with that.

Hopefully someone else has more experience with that.

not that experienced with it

but just wondering where you want such an option: in menu-item or in the view?
and could you provide a more detailed example?

did read that setStyles is for doing css actions but when it's dealing with a lot of events/category's etc it probably needs a lot code to be able to work with it.

//
do prefer Jquery at the moment to handle things.

It is for the buttons at the bottom of the week calendar view which are inside <div class="calendarButtons"> (the show all, hide all) and the category buttons inside <div class="calendarLegends"> which enable people to show and hide specific categories.

I was thinking to use CSS3 transition code to make the disappearance (and maybe appearance) smoother.

Thank you.

I interpreted you would like to have events moving up or down like a jalousie instead of simply plopping if you click on e.g. Hide all / Show all, isn't it?

Does e.g. in backend the sliders have such transitions? (@Bluefox: the things I don't really like if the content is too large so one have to sroll up and down for navigation, you remember?)

Right. Well I was thinking to use the existing mootools and some css to do that.