Show booked slots instead of hiding them

Wishlist Appointment Booking
1

Need help with the Div Class name to replace the “.unavailable” placeholder for the Appointment Booking widget so I can install the following CSS that will show booked buttons as greyed out versus having them simply getting hidden. Thanks in advance.

.unavailable {
    background-color: #d3d3d3 !important;
    opacity: 0.6 !important;
    pointer-events: none !important;
    color: #666 !important;
}
2 Likes
2

Hi there, @Stephanie_Paige and welcome to the Community :waving_hand:

Currently, unfortunately, it’s impossible to show booked slots in the widget. I am really sorry!

However, this idea sound great and I’ve moved it to the Wishlist. If more users upvote this request, it might be considered in the future :slightly_smiling_face:

1 Like
3

This would be a 30 minutes (max) update. All that is needed is the booked slots gets rendered with a div class. Then we can use our custom css to configure that div class by greying it out and so forth. So really all that is needed is for the widget to render it and then let us do the configuring as we want. Thx

1 Like
4

Yep, this feature might seem straightforward for implementation, but there’s actually a lot that goes into it.

The thing is that the booked slots don’t appear in the HTML code, this is why it’s impossible to customize it with the CSS code.

To implement this feature, the changes should be made directly in the product, which is quite a complex process. First, we design the feature, then pass it to development. Once the development is over, our team thoroughly tests it to catch any issues before release. All of this takes much time, as we want to make sure everything works smoothly for you :slightly_smiling_face:

At the moment, there are a lot of requests with the higher priority level and our devs are focused on them now. If this request gets more votes, it might be prioritized sooner, but it’s still hard to give any predictions for now.

If any news comes up, we’ll promptly update you here!

1 Like