Styling the calendar, specifically the events

Ask us anything How do I?
1

Hello! If using the calendar component, are the events, stylings, schema, etc all more-or-less fixed values? I’d like to place a margin of 15px between each card item when timeless mode is on. If I try to use css, it doesn’t seem to like that (through the head or through the custom css panel in the bottom right), and the style panel applies to the component container, not the individual items.

I would like to add divs inside these events and style them so that if a particular item is clicked, etc, something happens. Is this possible at the moment, or would this require additional outofthebox thinking? Thanks!

(Or maybe I’m missing something obvious)

2

Hi @Cam :wave:

That’s not possible at the moment unfortunately. Just passed on your use case to the product team so they’re aware :slight_smile:

1 Like
3

Amazing, will be awesome! No worries if not, I can create work arounds for now. Thank you very much :slight_smile:

1 Like
4

Depending of the importance of a calendar in your app, you might want to consider building your own calendar in WeWeb, I did this in a project of mine, and it’s not even that tough.

It’s in slovak, but it’s the days of the week (grayed out and disabled are the weekends) and Ráno / Poobede are the parts of the day.

Screenshot 2023-09-26 at 00.39.16
Screenshot 2023-09-26 at 00.39.163014×1864 194 KB

1 Like
5

Interesting, is this nocode? How do you render the correct dates by week or month? Do you use moment.js or something ?

6

It’s all nocode styles :slight_smile:

7

Awesome, any hints how to render correct dates?

8

We also did this with @Profound5753 on a live coaching session, maybe he might remember the mechanism :slight_smile:

9

is that session availble to rewatched? I missed that one unfortunately

10

It actually is a 1:1 thing, you can check it out in my bio if you’re interested :slight_smile:

1 Like