Customize the time slots in Fullcalendar - fullcalendar

Is it possible to customize the time slots in the day and week view in the Fullcalendar plugin so it would look like a timetable that are used in schools for example.
To be specific what the requirement is: One slot could be from 08:00 to 08:45 and the next one could be from 08:45 to 09:00. Or even skip 5 minutes: One slot from 08:00 to 08:45 and then the next one begins 08:50.
Preferably you could set the time slots like events when you initialize the calendar.
I've not found any way to do this. Can someone here help me with this or just confirm that this is not possible?

For those who are still looking for it:
There's a pull request made on the FullCalendar project. It does exactly what is described in this question with some more features. (such as showing or hiding the end slot time, custom HTML classes on slots, snapping policies for dragging events on slots, etc.)
The pull request has been closed for organizational reasons, but it will leverage when tackling the GitHub issue #472.
Screenshot of the timeslots pull request:
I hope this helps someone further.

I think this is not possible with the default build of FullCalendar. There are options like slotMinutes which let you customize the way the slots are displayed, but the timeSlots are displayed per hour by default. There is no option that let's you customize that display.
However, you could customize the code - fork it on github and change what you need.

Related

How to fix problem with all day events not visible on Google calendar?

In some cases, Google calendar does not correctly show all day events. How do we fix this?
The solution mentioned across this and other questions is as follows:
When creating and all day event - instead of having the same start and end date, you should now have the end date as the following day.
i.e. instead of Start Date :2019-06-05 and End Date: 2019-06-05, the end date should be 2019-06-06
This can be seen here: https://stackoverflow.com/a/55851521/901666
First a little background on the issue and then the fix (skip to bottom if you just want the fix).
This issue seems somewhat "random" in that it effects some accounts and not others (perhaps because Google is testing new "features" on a random subset of users before rolling out).
The way you can check if you are a victim of this issue is if there is an all day calendar event which is not visible in your usual Google calendar desktop view but it DOES show up if you search for it. The fact that you find it on search but do not see it on regular view demonstrates it is a bug.
In my investigation, it seems like this bug is more likely to show up for all day events created with the Google Calendar API than those created manually but that may just be particular to my setup.
How to Fix:
I wasn't able to figure out a perfect fix but if you go to the upper right of the screen for the Google Calendar view on a desktop, there is a dropdown which usually defaults to "Day" or "Week". You can click on this and select "Schedule" and then it will display all your events in a list and make them visible.
I've been experiencing the same issue, and found this fix:
Events created via API are not listed in printing
Just tried it and it worked for me! TLDR is that end date needs to be the day following the start date now.
Seems Google is making some changes to the api - I just had the docs for calendar events open in two separate tabs, same exact URL but with some subtle differences in the text -- specifically in the descriptions of start and end dates of all day events.

Event Listing Wordpress Plugin

I'm seeking a very specific event plugin for wordpress (if it exists), if you can suggest one please let me know! Or if there's another easy workaround, I'd appreciate it!
Basically I want to list my events as 4 column square images at the top of a page under the UPCOMING EVENTS section - just like this screenshot:
Screenshot 1 - Upcoming Events
But after the event passes I'd like it to drop down to the PAST EVENTS section (automatically if possible) - if manually, I'd like the images to stack so if there's an odd number of past events the most recent would be at the top and the single event would be at the bottom. The only workaround I've found is for the single event to be at the top and I keep adding rows to the top of the PAST EVENTS section. See the next screenshot for clarification. Thanks so much for taking a look!
Screenshot 2- Past Events
Events Manger does this, you would obviously have to use styling in order to make it appear across the top but their easy widget implementation allows you to select how many events display. You then just need to style the widget.
You can also then enable in the settings archive events, once enabled you will be able to display past events.
If you purchase the pro version you can also take payment for tickets online if you so wish.
https://en-gb.wordpress.org/plugins/events-manager/
This website isn't mean't to be used for looking for recommendations due to certain reasons of favouritism and much more. However, I did need a similar plugin to what you require and this was the one I used. It should fit your needs.

How to fire tag between two dates?

I have a tag in GTM that I want to use only between two dates let's say, between 21-02-2017 20:00 and 22-02-2017 10:00. Is there any built-in way to achieve this.
I could probably make a custom variable JS that gets some date from user's browser, make sure it's utc and write a custom JS trigger that checks this date, but it seems very convoluted and error prone. Isn't there a better way to do this?
P.S. Googling for things related to GTM with the word "date" is pointless because according to google "date" = "data" and GTM just happens to use DataLayer...
After replacing "date" with "utc" I did finally manage to get some results. Turns out, if I want something as simple firing a tag between two dates, I don't need to use a trigger. Instead I can set both dates in the advanced settings of the tag in question after I check the Enable custom tag firing schedule option.
However anything more complicated than that will likely require using custom JS variables and triggers. This page explains how to get those more complicated cases to work (and working around user's time zone to get current time in a variable).
Update: Using JS might still be the only viable option as the built in functionality doesn't seem to work. If you enable the option, set a schedule save the tag, and then edit the tag again, the schedule will be gone and the tag will continue to fire regardless of what was entered in the start and end date fields.
The issue is described in this thread (that no one ever bothered to respond to).

create custom sharepoint calendar webpart with data from a WCF service

I am fairly new to sharepoint. We are trying to create a custom calendar web part for our sales team to display their itinerary from an external WCF webservice. The calendar will look just like outlook calendar, but the calendar items are from an external service.
The display would have a custom date range of 30 days (Ex: 16 May to 14 Jun)
Each item in the itinerary will have a color code of its own.
On click of the item in the itinerary we have to populate another webpart.
Following are a couple of questions I have for which I am not able to get the answers:
Is it possible to use the calendar view with a custom daterange? If so how can I do that programatically?
Is it possible to have different colors for each of the calendar items?
Currently I am building my own calendar control from scratch. But I beleive the existing calendar component in Sharepoint should be able to handle my requirements. If that is the case it will save me a ton of a time and mostly bug free.
Thanks for answering my questions in advance!!
It looks like no one has gotten into this situation. I was able to get answers for my questions above.
It is not possible to have a calendar view with a custom date range. You can only choose between month, week or day.
It is possible to have different color code for each calendar item.
I ended up creating my own calendar control that accepts a daterange upto 31 days. The control builds the calendar view on its own.

Google Calendar. Is there a way to hide morning hours for the iframe widget? Similar to the "hide morning and night" lab

When all of my events are 9 a.m. onwards and i embed an iframe widget in my site, the users have to scroll down to see the events. A way to hide the early morning hours from the calendar widget would really make it a lot more usable. Is it possible?
Sometimes people ask if setting a certain displayed date is possible. The answer is yes. It is done through modifying an <.iframe.> parameter called
ctz=Europe%2FMoscow
to
ctz=Europe%2FMoscow&dates=20130408/20130412
So if that's possible, may be there is a parameter to set to make it display timespan from 9 a.m. to 5 p.m.
Or at least to make calendar start at day time.
Here's the live presentation of what I am talking about:
(if the question is going to be answered I'll try to keep the link alive for future generations, so you go try it in the year 2013++)
http://center-president.ru/page212.html

Resources