Fullcalendar.io Timeline view integration

Hi! I see a nice example of the Fullcalender timline on:

https://samples.tryretool.com/embedded/public/03a54a32-b1c0-47f8-ba4d-6c79a8d64b1e

How can I use this sample in my own app?

Thanks.

Nobody has any idea?

I'm interested to know too. @m.vandenberg How did you come access this example?

Found the example through google. Topic: Looking for more examples of custom components

Ah, I see. My guess is that this is a custom component that uses the https://fullcalendar.io/ library.

Got the basics working.

<style>
  body {
    margin: 0;
  }
</style>

<script src="https://cdn.tryretool.com/js/react.production.min.js" crossorigin></script>
<script src="https://cdn.tryretool.com/js/react-dom.production.min.js" crossorigin></script>
<script src="https://unpkg.com/@material-ui/core@3.9.3/umd/material-ui.production.min.js"></script>

<script src="https://cdn.jsdelivr.net/combine/npm/fullcalendar@5.11.0,npm/fullcalendar@5.11.0/locales-all.min.js,npm/fullcalendar@5.11.0/main.min.js,npm/chart.js@3.8.0,npm/fullcalendar-scheduler@5.11.0/locales-all.min.js,npm/fullcalendar-scheduler@5.11.0"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/combine/npm/fullcalendar@5.11.0/main.min.css,npm/fullcalendar@5.11.0/main.min.css,npm/fullcalendar-scheduler@5.11.0/main.min.css">

<script>

window.Retool.subscribe(function(model) {
    if (!model) { return }
     var calendarEl = document.getElementById('react');
     var calendar = new FullCalendar.Calendar(calendarEl, {
          initialView: 'resourceTimelineMonth',
          resources: model.resources,
          events: model.events
    });
    calendar.render();
})

</script>

<div id="react"></div>
2 Likes

Is there a custom component (or premium component) library anywhere? I wish this was built-in but if it's not, I'd love to be able to benefit from your solving this (and vice versa).

1 Like

@tradesorg_chris

We don't currently have a custom component library, but I think this is a great idea! Maybe this can be something we can keep on our Community forum so all users can share their cool ideas.

@kenny y'all should really consider creating a searchable directory.

Coda has done a great job at this with their release of Packs. They're even allowing creators to charge for user-generated Packs and Templates. This has created a flurry of development/adoption and has added a new ecosystem around the platform.

I anticipate Appsmith will do the same (they're already heading in that direction).

2 Likes