BS5 Calendar styling issue

Wappler General Need Help
1

I have a BS5 calendar with events which I want to style with a pointer cursor.
This can be done by selecting the editable checkbox in the properties panel.

However, I don’t want the user to be able to drag the event around the calendar I just want the cursor to be styled.
I have tried
-the style tag in the html “style=cursor:pointer”
-adding role=“button” in the html
-creating a class for the event and adding cursor: pointer in the css

Is there a class that I need to address in the css if so what is it?

2

Can you please explain which component are you referring to exactly, as there is no calendar component in Bootstrap 5.

3

Sorry Teodor the dmx-calendar

4

Ok so which part of the calendar do you want to style?

5

image

6

Just add a class to the event in the UI, for example event-pointer
Then in your css file add this:

.event-pointer {
    cursor: pointer;
}

and you are done.

7

Like I said Teodor tried that doesn’t work for me

8

Can you post some screenshots what you tried in the calendar UI? And where have you added the class?

9

image
image1123×335 54.3 KB

image

10

Please add the class name here:

Screenshot 2023-07-26 at 12.50.47
Screenshot 2023-07-26 at 12.50.47426×1039 25.7 KB

11

Great!! That works Thanks Teodor :slight_smile: