Masjidbox
Management

Configure the Ramadan Times Timetable block

The Ramadan Times Timetable block displays Imsak, Iftar, and Taraweeh times in your mobile app Pages. Use it to help your community track daily Ramadan schedules.

Before you begin: You'll need a Silver plan subscription and prayer times configured in Settings > Prayer Times.

Add the Ramadan Times block

  1. In your Masjidbox dashboard, go to Applications and select the Page you want to edit.

  2. Click Add a component and search for "Ramadan Times" or scroll to find it in the component library.

  3. Click the Ramadan Times card to add it to your page.

Ramadan Times component in the component library

Configure display options

  1. Click the Ramadan Times block on your page canvas.

  2. In the settings panel, toggle each option to show or hide:

    • Show the icons – Display icons next to each time

    • Imsak – Pre-dawn meal time

    • Iftar – Breaking fast time

    • Taraweeh – Evening prayer time

  3. Click Update to save your changes.

Ramadan Times block settings panel showing toggle options for icons, Imsak, Iftar, and Taraweeh

Preview and publish

Your changes appear immediately in the page builder preview. To make them live in your app, click Send a publish request at the top of the Applications dashboard.

Ramadan Times block displayed in the page builder with configured times

Toggle off any times you don't want to display. All options are enabled by default.

Was this helpful?