How to Create Calenders in Noca Apps-thumb How to Create Calenders in Noca Apps-main

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


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 how-to-calendars-step-1
2

Your calendar is built

  • Noca produces a full-month calendar, filled with sample appointments to start
  • The layout follows the style you picked how-to-calendars-step-2
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 how-to-calendars-step-3
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 how-to-calendars-step-4

Back to top