starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-02-04 05:35:44 +00:00
Code Issues 1.3k Packages Projects Releases 22 Wiki Activity

Scheduler week view - Day not aligning to column in mobile #1174

New Issue
Closed
opened 2026-01-29 17:49:57 +00:00 by claunia · 1 comment
claunia commented 2026-01-29 17:49:57 +00:00
Owner
Copy Link

Originally created by @thekim1 on GitHub (Mar 28, 2024).

Description:
In the scheduler week view and to some extent day view the header showing the weekday is not aligned to the columns showing the content of the day when in mobile.
It looks like the "rz-slot-hour-header" is taking up to much space.

Steps to reproduce:
Can be seen in the documentation at https://blazor.radzen.com/scheduler if using mobile device or mobile sized view in web-browser

  1. Go to https://blazor.radzen.com/scheduler
  2. Click on week view of a scheduler component
  3. See the header not aligning to the columns
    image

Alternatively link your repo with a sample project that can be run.

Expected behavior:
Days in header should align to the columns even in mobile view

Screenshots
Problem in mobile view:
image

Tablet view working as expected:
image

Desktop

  • OS: windows 11
  • Browser: Chrome
  • Version 123.0.6312.86

Mobile:

  • OS: IOS 17.3.1
  • Browser: Safari
Originally created by @thekim1 on GitHub (Mar 28, 2024). Description: In the scheduler week view and to some extent day view the header showing the weekday is not aligned to the columns showing the content of the day when in mobile. It looks like the "rz-slot-hour-header" is taking up to much space. Steps to reproduce: Can be seen in the documentation at https://blazor.radzen.com/scheduler if using mobile device or mobile sized view in web-browser 1. Go to https://blazor.radzen.com/scheduler 2. Click on week view of a scheduler component 3. See the header not aligning to the columns ![image](https://github.com/radzenhq/radzen-blazor/assets/36292640/25afd477-5501-4c98-8cda-1016011db8f8) Alternatively link your repo with a sample project that can be run. Expected behavior: Days in header should align to the columns even in mobile view Screenshots Problem in mobile view: ![image](https://github.com/radzenhq/radzen-blazor/assets/36292640/4b234dba-d669-4c1f-b584-f231ae1acdcb) Tablet view working as expected: ![image](https://github.com/radzenhq/radzen-blazor/assets/36292640/dc466f2a-ab01-4d43-9ea3-73b94a696197) Desktop - OS: windows 11 - Browser: Chrome - Version 123.0.6312.86 Mobile: - OS: IOS 17.3.1 - Browser: Safari
claunia commented 2026-01-29 17:49:58 +00:00
Author
Owner
Copy Link

@thekim1 commented on GitHub (Apr 2, 2024):

Made a fork and commited a possible solution.
Can i make a pullrequest for this or what would be a better way to fix this?

@thekim1 commented on GitHub (Apr 2, 2024): Made a fork and commited a possible solution. Can i make a pullrequest for this or what would be a better way to fix this?
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
enhancement
good first issue
pull-request
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1174
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?