Month view calendar component

Hi there,

I am trying out the default calendar component. Unfortunately the month view is different than I expected it would be. As an example I share some screenshots of the both the Weweb calendar component and the one of Full Calendar (used a couple of times before).

Weweb (Week)

Full Calendar (Week)

Weweb (Month)

Full calendar (Month)

Question
How can I get a Month view in WeWeb with the level of detail as shown in the example of Full calendar

Hi @FJP84 :wave:

Apologies for the late reply.

I think right now you might need to build your own calendar component to achieve the exact same UI.

Providing more calendar UI options is something our product team is exploring right now so if you want to send a list of bullet points or short video with your wishlist, feel free to do so! I’ll pass it along :grinning:

1 Like

Hi @Joyce a colleague of mine is working on a custom component based on full calendar. He is experiencing some issues during development and for this we are preparing a support ticket.

+1. Yes I need a better month view, it isn’t what I was expecting haha, the usual month view is the one that FJP84 shared, where you can see what’s going one very day like in Google Calendar

2 Likes

Thanks @raelyn! For the +1

@Joyce I noticed a typo in my start post. The titles of Weweb (month view) and Full calandar (month view) need to be switched. Then these titles are representing the correct images.

Currently I don’t have any more requirements than the optimized month view as the one shown in the Full Calander example. Is this on your roadmap?

+2 If you could also add the features below that would be perfect! :

-Ressource View (very important)
-Drag and drop for adding an event
-ui redesign

A few examples :slight_smile:

1 Like

Hi @Joyce do you have enough requirements to pass on to the dev team?

1 Like

Yes! Thank you :slight_smile:

I added the link to this topic to the ticket about improving the existing calendar component and potentially creating new calendar templates with more abstraction.

1 Like

@FJP84 I was able to tweak default calendar component using HTML attributes. You can f.e. enable events on month view by adding events-on-month-view attribute and so on. It is not perfect but it is working :slight_smile:

Nice one. Using event-on-month-view with value short. Solves the problem I was having. I now can use the native Weweb.io calendar component which is great.

Hey Dominic! How do you do this? Could you explain a little further so I can implement this in my app too? Would really appreciate this.

How do you “enable events on month view by adding events-on-month-view attribute”?

Hi @raelyn

Check the settings tab of the calendar component. Scroll down to html attributes.

Add an html attribute
name/key: events-on-month-view
value: true or short

When using “short”, only title is shown.

1 Like

Hello Joyce,

Is there any plan to improve the calendar with a linear/vertical monthly view like in the following picture?

Thanks
IMG_0123

Hey @CedricFR73 :wave: I don’t think we have any specific plans for this. Curious to know more about your use case though. The visual looks more like a yearly planner you’d have on paper or on a huge screen. Do you have examples of what you’d like the end result to look like in an app to help me better understand the underlying need?

It’s just that I’m developing an application using WeWeb solution as well as Xano. This application is dedicated to a sector of activity who works exclusively with this display mode for planning.

Indeed the model see as an attachment is exactly a paper cardboard version or desktop under hand.

Today all is managed from Excel or Google spreadsheets at this sector, It’s prehistoric.

No one offers a linear calendar display like this… Even solutions like FullCalendar do not offer. We systematically end up with a monthly view seven columns (for day / Sunday to Saturday) and four rows (for weeks of the month) Like the attached photo 1.

Visibility is very reduced and confused, and does not allow any direct visual projection on the following months.

The most surprising thing is that all existing solutions even from big companies like Apple Google Microsoft only offers the view with 7 columns and 4 rows for a month.

While the implementation solution seems so simple to me, we start from a classic week base where days are replaced by months and hours are replaced by days (Reflection from the attached photo 2)

I don’t know if I can express myself correctly Joyce

IMG_0125
IMG_0124