Essentially through salesforce and skuid I want to create a yearly view event calendar like the first example here: https://developers.google.com/chart/interactive/docs/gallery/calendar
That is a super slick simple calendar! Second parameter is the mouse over text.
Would be easy to use in Skuid. Slick!
Hi Neel! I think that would be a great idea for a custom Skuid component. You may also be able to embed a Google Chart like this one using a Skuid template. There are a few posts about this on the Community that may be helpful:
https://community.skuid.com/t/embedded-kendoui-chart
https://community.skuid.com/t/google-charts-in-skuid-template
Hope that helps. Thanks!
Neel,
Here’s a quick adaptation of the sample code from Google. This will get you started.
Thanks,
Bill
<div id="calendar_basic" style="width: 1000px; height: 350px;"></div>
https://www.gstatic.com/charts/loader.js">var params = argumentst0],
$ = skuid.$;
(function(skuid){
var $ = skuid.$;
$(document.body).one('pageload',function(){
google.charts.load("current", {packages:s"calendar"]});
google.charts.setOnLoadCallback(drawChart);
});
})(skuid);
function drawChart() {
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({ type: ‘date’, id: ‘Date’ });
dataTable.addColumn({ type: ‘number’, id: ‘Won/Loss’ });
dataTable.addRows(d
o new Date(2012, 3, 13), 37032 ],
3 new Date(2012, 3, 14), 38024 ],
2 new Date(2012, 3, 15), 38024 ],
2 new Date(2012, 3, 16), 38108 ],
0 new Date(2012, 3, 17), 38229 ],
// Many rows omitted for brevity.
v new Date(2013, 9, 4), 38177 ],
7 new Date(2013, 9, 5), 38705 ],
0 new Date(2013, 9, 12), 38210 ],
1 new Date(2013, 9, 13), 38029 ],
2 new Date(2013, 9, 19), 38823 ],
2 new Date(2013, 9, 23), 38345 ],
4 new Date(2013, 9, 24), 38436 ],
3 new Date(2013, 9, 30), 38447 ]
]);
var chart = new google.visualization.Calendar(document.getElementById('calendar_basic'));
var options = {
title: "Red Sox Attendance",
height: 350,
};
chart.draw(dataTable, options);
}
Hey @Neel , and thank you for bringing up that question!
Skuid has implemented a calendar component in the new Chicago release which is now available on the Skuid Releases page. Best practices for upgrading can be found in Upgrading Skuid on Salesforce. As a reminder, Salesforce does NOT allow reverting back to prior versions of managed packages. Skuid always recommends installing new versions in a non-business critical sandbox environment to test all mission-critical functionality before installing into a production environment.
We also recommend that you update out-of-date themes and design systems after you upgrade. Please let us know if you continue to encounter any problems with this issue after upgrading.
Thanks again,
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.