Jquery plugin with google calendar - javascript

I have a webpage in jquery mobile and now I am using the plugin "fullCalendar" for showing info from a google calendar.
I was asked about use another plugin instead of this one to be able of showing the day square in other color rather than shows the event title and hour.
I searched on internet but I haven't found any plugin for doing what I want.
Do you know one with this ability?

User eventRender callback to modify how the event is rendered (no text, different colour, anything else you need).

Related

Fullcalendar.io How to intercept 'prev' and 'next' from the header

I'm building an app using react with typescript and now for displaying a calendar I'm using Fullcalendar.io
My problem is that I don't know how to intercept the event when you click on the header prev or next as you can see into the attached pic.
The provided solution form the library is this. But I want to know if I can use another smart solution.
Thanks in advice.
I'd like to bump this if I may (apologies if this is not allowed).
I have a similar requirement, to intercept the call to calendar.next(), or at least when the buttons are pressed (as I have no other call to the functions).
My requirement is due to a legal requirement that means I have to have text on my page be bilingual. As Welsh is not a supported locale option, I have to manually adjust the text.
I've had to do similar with Moment.js text, so piggybacking on the function I wrote for that (simple replace text function).
if (userData.languagePref > 1) {
var calMonthText = $('.fc-left h2').text();
var translatedText = translateMomentJsFromNowText(calMonthText);
$('.fc-left h2').text(translatedText);
}
This is called after the calendar is initialised, and works on the initial display, however I need to run this when the next/prev buttons are used as well.

How to show full screen calender on webpage?

Hi i want to show full screen calender on webpage & i want to display the data on the cells of the calendar.Is there any way by which we can use this?
I don't want a date picker.
Does google calendar APi provide the same thing?
http://fullcalendar.io/ is a a JavaScript event calendar. Customizable and open source.
Have not tested this myself, but looks like something you could use in this case.
FullCalendar is a jQuery plugin that provides a full-sized, drag & drop event calendar like the one below. It uses AJAX to fetch events on-the-fly and is easily configured to use your own feed format. It is visually customizable with a rich API.
FullCalendar also got it's own tag here at SO with a couple of thousand questions, which makes it easier to find resources for common tasks.
After a quick Google search I found this, maybe one of those can solve your problem.

Displaying events by date on a calendar from a db

I'm currently trying to build an events page for a local residents association.
I'm using laravel as my framework, but that's not so important to this question. I need to display a calendar of upcoming and past events. On the front end I am using bootstrap 3.
So far I've had no luck on finding a calendar to work with my requirements below:
Must be easily styled to match sites theme
Must be able to display a tooltip of the events data (which potentially includes a picture, a paragraph, and the time of the event) not a modal
Should be well documented, or at least have usable documents
Should still be supported if possible (not as important as 1-3)
Does anyone know of a calendar that matches these requirements?
Cheers,
Peter McKinney
Hope fullcalendar jQuery Plugin will fulfill your needs

Popover a date string and show it on a calendar

i have a little info box on my site where i use several popover to show detailed information about the selection. For example i have a string with a name and a popover with the picture of this person.
Now i have a string with a date and i want to show this date on a calendar on a popover.
I have a little Mockup what shows what i want:
I searched a lot on google to find a plugin for this but i does not found anything.
Does anyone know such a jQuery/ Javascript Plugin what i looking for?
Thanks!
If you are using Bootstrap Datepicker, you can assign to the span elements the events to open the Datepicker control.
Like this:
HTML
<span class="aDate">1/1/2014</span>
JavaScript
$('.aDate').datepicker();
With that, you can bind it with the events you need (click, hover, etc)

Possible to read the selection of a subgrid in CRM2011?

I'm trying to be able to retreieve the selection of a SubGrid at the exact moment a user selects it. For example, add an EventListener OnClick that would make a JS function run in the background to do X thing when a subgrid element/row is selected without having to click Save or another button to run the function. Ive been searching online and alot of links appear for retrieving ALL records in a subgrid but none really show if one can add an EventListener. Another possibility would be to intercept when a subgrid is focused on and make that run a function. What do you guys think would be possible, always trying to keep the methods the supported way. :).
If your willing to be a little creative, you could try the following:
Add a custom ribbon button.
Add an enable rule to that ribbon button that calls a JavaScript library.
Add your logic into that JavaScript library.
When a record is selected in the sub grid, CRM will refresh the ribbon and call your enable rule.
I've only just thought of that so I don't know if it will work, but worth a try.
If that fails then I don't know any other supported way to have an OnClick event.
Edit, I've had a play and it does appear to be possible, see my blog post here: CRM 2013 Adding an On Change Event to a Grid View. Its for CRM 2013, but I believe can be adapted for CRM 2011 (see my note at the end).

Categories

Resources