How to Create Calendars in Noca Apps

How to Create Calendars in Noca apps

Build a calendar and connect it to your data

You can build a calendar into a Noca app from a single prompt, then bring in real appointments and make each event interactive. In this guide I build a full-month calendar for service technicians to see their appointments, then wire it up with an onload event and UI logic. Here’s how to do it.

Watch & Learn

https://youtu.be/nqwt6CAY41M


Follow these steps to build a calendar:

Steps:

1

Describe your calendar in a prompt

  • Here it’s create an app with a calendar for service technicians to see their appointments
  • Noca asks what kind of calendar, I chose a full-month grid with a professional corporate blue look
2

Your calendar is built

  • Noca produces a full-month calendar, filled with sample appointments to start
  • The layout follows the style you picked
3

Bring in appointments with an onload event

  • Click Events on the page and choose the On Load event
  • Create a flow that loads the appointments you want onto the calendar
4

Show event details with UI logic

  • Click UI Logic and choose On Click on event
  • Create a flow to redirect to a modal that shows the event details, or whatever else you want on click

Back to top