Can I use retool build this scheduling app?

🤝 Discussion
1

Hi,

I'm look at using retool to rebuild an app for scheduling work. I've looked thru the available components to build something like this and the best fit I found was to build containers for each slot. The calendar option seemed far too limited. The problem I found with using containers is I need to programmatically change the backgound colors.

Any direction would be greatly appreciated.

image
image1351×674 73.8 KB

2

You should be able to change the background container color using {{some ternary}}
As an example:

{{ containerTitle1.value == ''?'red':'blue'}}

Screenshot 2025-03-20 at 8.25.19 AM
Screenshot 2025-03-20 at 8.25.19 AM2048×668 53.9 KB

Screenshot 2025-03-20 at 8.24.53 AM
Screenshot 2025-03-20 at 8.24.53 AM2238×642 63.7 KB

1 Like
3

Hi @Peter_Caspari,

Although it is arguably possible to recreate the view using listViews and Containers, I would advise against it as there are many things you that, in my opinion, you won't be able to easily achieve, such as:

  • Position the containers at the right time frame, i.e. if the block starts at 7.20 as your first block, heights and other factors in retool will most likely mess with positioning of blocks
  • I can't think of a way to show the red line of the current time
  • I also can't think of a way to show the background grid that allows for easy positioning in the mind of the user of the blocks

So as a whole, yes you can achieve something similar, but if I were you I would look for some other option.

2 Likes
4

Let us know what you end up going with!

The Custom React Component could be an option if our native component library doesn't suit your use case. If you want to integrate an external solution, you could try embedding it via the iFrame component

5

Thanks for your feedback.

The solution requires clicking on an individual booking and bringing up a custom form so I'm not sure an iFrame would work.

I'm still looking for a solution. Retool still seems to be the closest to giving me what I want so far.

Is there a library of custom react components I could investigate? Could a custom react component be developed? I'm happy to pay for assistance

Thanks
Peter

6

I would agree with @Tess, it looks like it's a job for a Retool custom component. You can read about them here and there is a template here.

It would be great to have a custom component for something like this. In your case, it is calendar-based but you could see similar use cases for project management or a CRM pipeline.

Depending on your timeframe I may be able to help develop one. Send me a PM if you like.

1 Like