Perspective Calendar

Nader

We will take a look, and get back to you.

1 Like

I forgot to update this post. All of the challenges Nader found for us were resolved. An updated module is available at https://modules.bijc.co.uk/, The is a change log available. Anyone with an existing licence can upgrade.

5 Likes

Q1 - Event Time Format (24h) - Solved

Hey @jonathan.taylor @Chris_Taylor we're having a look at your module as I think it might be a good fit for a current project (the timeline view would be nicer for us, but I see it's a premium paid feature of the underlying library).

Is it possible to change the date formats in the events from 12 hr to 24 hr to match the times on the left in the time grid views?

Edit:
Found it!

This should be the default option imnsho

Q2 - Customisable Date Range

Another question: isit possible to display a customisable date range? I want to be able to show the next 10 days on the time grid view.

I can see the next 7 days by setting the props.dateAndTimeDisplay.firstDay to today, but wondering if I can change the duration of days shown?

Q3 - Event Titles New Line Formatting - SOLVED

One more. How can I add formatting to the event titles? Really just honouring line feeds. E.g. 1500 ML/d and 201 ML should be on two lines


Oh, it's as simple as just adding style.whiteSpace: pre-wrap to the root component

Q4 - Inline Event Title Styling

It'd be nice to be able to make parts bold as well, i.e. provide inline formatting

Q5 - Initialisation of date issue - SOLVED

I can't find how to initialise the calendar to a particular date. I can set props.currentCalendarDate.date to today's date and the view moves to today, however if I bind this to dateFormat(now(0), 'YYYY-MM-dd') which is how I usually set init values, the value isn't set and remains at the default value which is last week
This seems to have been a race condition with my binding on props.dateAndTimeDisplay.firstDay which I was binding to getDayOfWeek(now(0)) - 1 to show 7 days from today inclusive. I removed this binding and used an onChange script on the date instead which sets the firstDay itself

Q6 - Mobile Device Touch Events

Me again :grimacing:

I'm testing on mobile and noticed that these events don't fire:


(onEventClick works when you click on an existing event)

However if I enable props.eventPopup.useCreateEventPopUp then this create event popup shows up on mobile. However, I'm unable to use this standard popup for our application as we need to add other contextual info. Is it possible to get touch events to be handled in the onEvent* events?

Well, we can agree to disagree, we use the 24h format as default

I think Nick is recommending 12-hour mode false by default. You're in agreement.

2 Likes

Doesn't sound like me.. I miss read

Nick, I'll get Lewis to take a look but we are super busy at present.

1 Like

No worries! We'll be purchasing the module regardless :slight_smile: it's really just the mobile device touch events (Q6) that would be nice to have from my list, but other than that, it does all we need :+1:

1 Like

Also, I noticed 1000s of these log entries in the gw as well for the celandar after simply dragging it onto the View:

this king of log can occur when there is some recursive binding.
binding A trigger binding B which trigger binding A. or a more complex chain.

2 Likes

I think you're right, I don't think my session with the calendar with issues was shutdown when I was looking at the log, so It's more than likely an issue on my side than with the component. I think I fixed it inadvertently after I refactored some things after prototyping