all day area occupies all the space in weekView

[alinungureanParticipant]

when there are many all day events, the all day area occupies all the space and the second section with non-allDay appointments is not visiblle or reacheable by scrolling.

Here is the fiddle https://jsfiddle.net/uj1atzns/

[HristoParticipant]

Hello alinungurean,

These are a lot of items.
Also, if there is not enough space the appointments cannot be visualized.
The weekView maybe is not appropriate for this case and you could try some of the other views.
Please, take a look at this example:
https://jsfiddle.net/ygeqh8tL/
One more thing, I saw there that you set the boolean value with string and could be confusing (!!"false" == true).

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[alinungureanParticipant]

Hi,

and there will never be enough space for all data to fit on the screen. How is this supposed to be used in real world with big data?

In week view, week timeline, month timeline big height means scrolling down the page and then the calendar header gets out of sight and so you are looking at the appointments and understand nothing about their placement in time. This is very unpractical.

So how do we solve this?

[adminKeymaster]

Hi,

To disable the default auto height of the all day row, you can use the rowHeight and allDayRowHeight properties of your “weekView” object.

Example:

{ allDayRowHeight : 50, rowHeight: 40, showAllDayRow: true, type:”weekView”, timeRuler: { formatString: “HH:mm” }, showWorkTime: false }

Best Regards,
Peter Stoev

jQWidgets team
https://www.jqwidgets.com

[alinungureanParticipant]

I”ve updated the fiddle, https://jsfiddle.net/p439bj5e/. No whow can I enable the scroll to see all the appointments in the all day area?

[adminKeymaster]

Hi alinungurean,

Scrolling in the all day area is not possible. We will consider adding such option for our next major release which is expected in the middle of December.

Best Regards,
Peter Stoev

jQWidgets team
https://www.jqwidgets.com

[alinungureanParticipant]

Thanks,

in the meantime I have found a workaround by settings a fixed height by allDayRowHeight, enabling the scroll div[id^='contenttable2']{ overflow-y: auto !important; background-color:white; border-bottom: ridge;} and removing unused tr [id^='contenttable2'] table>tbody>tr. It looks like it does the trick.

[Author]

Posts