How can I hide Appointments times that have already been booked?

I'd like to hide the booking slots taken rather than see them in grey.

Is it possible somehow?

Hello Romano_Giuseppe,

Thanks for reaching out to Jotform Support. We can hide appointment slots that have already been booked by using a few CSS codes. Let me show you how to do that:

1. First copy this code

.appointmentSlot.disabled {

display: none !important;

}

2.In Form Builder, click on the Paint Roller icon on the right.

3.Next, under the Styles tab, paste the codes into the CSS box.

We also have a guide on How to Inject Custom CSS Codes that you can check out.

Give it a try and let us know if you need any help.

Hi Israel,

First of all, once again I wanted to congratulate your incredible customer service!!

You really do an amazing job guys!

I copied the code and it seems to be working properly.

The only doubt I have is that the CCS box already had some code (not sure what it was) so I have replaced the old code with the one you suggested. But maybe this I disallowed some other function?

Could I have MORE codes in the same box?

Hello Romano_Giuseppe,

Rest assured, we’ll find a solution for it. Can you take a screenshot of what’s happening and send it to us? We’ve got a guide here that’ll show you how to do that.

Once we hear back from you, we'll be able to move forward with a solution.