Customising a calendar asset

Squiz Matrix General Discussion
1

Hi


I’m trying to customise a calendar to meet our requirements. My task is to place a monthly calendar in a third column of a site (fixed at 200px width). As space is at a premium is it possible to:


  1. Change the week name column headings to an abbreviated format (i.e. ‘Monday’ to just ‘M’?)


  2. Not have the event name printed in the calendar (as this expands the width) and only have the coloured box link and hover over?



    Thanks in advance
2

Check out the "design_area_js_calendar" instead – its a small calendar that gets printed (just like you want) and then links to a full calendar page.

3

[quote]Check out the “design_area_js_calendar” instead – its a small calendar that gets printed (just like you want) and then links to a full calendar page.
[right][post=“10676”]<{POST_SNAPBACK}>[/post][/right][/quote]



Thanks for your fast reply! Where can I find more information about the “design_area_js_calendar”? There doesn’t appear to be anything in the 3.8a design manual?

4

[quote]Thanks for your fast reply! Where can I find more information about the “design_area_js_calendar”? There doesn’t appear to be anything in the 3.8a design manual?
[right][post=“10679”]<{POST_SNAPBACK}>[/post][/right][/quote]



I would check the Calendar manual, as it ships with the Calendar package.

5

[quote]I would check the Calendar manual, as it ships with the Calendar package.
[right][post=“10681”]<{POST_SNAPBACK}>[/post][/right][/quote]



Thanks Avi - I have the JS_calendar working (default CSS looks great!). Is there anyway I can highlight the days with events or remove the hyperlink for days with nothing happening?

6

Not with the JS calendar design area, no. You would need to use a nested calendar page for that but some extra development work would be required to enable it to behave as you want it to.
7

[quote]Thanks for your fast reply! Where can I find more information about the “design_area_js_calendar”? There doesn’t appear to be anything in the 3.8a design manual?
[right][post=“10679”]<{POST_SNAPBACK}>[/post][/right][/quote]



The calendar design area is in the 3.8a Design Manual under JS_Calendar_Navigator.