Scheduler rendering Appointment issue

Radzen Studio Blazor Server
1

I'm experiencing the following issue and would need help solving it.
If I select a slot in the Scheduler I get the list of Appointments in the selected date, but the pop-up dialog is rendered under the table header depending on the number of Appointments and the close button is not reachable. See attached screenshot. I have tried to put the scheduler in z-order: -1, but it's not working.

image
image1242×831 87.7 KB

Any suggestions.

This is my code:

            <RadzenScheduler @ref=@calendar SlotRender=@OnSlotRender TItem="Appointment" Data=@CalendarData StartProperty="DateStart" EndProperty="DateEnd"
                 TextProperty="Title" SelectedIndex="1" Style="height: 768px;z-index:-1 !important"
                 SlotSelect=@OnSlotSelect AppointmentSelect=@OnAppointmentSelect AppointmentRender=@OnAppointmentRender>
                <RadzenMonthView />
                <RadzenYearPlannerView />
                @*<RadzenYearTimelineView />*@
            </RadzenScheduler>

Also, but I know this is a new feature, could it be possible to set the height of the rows in order to display more than 2 items per row in the YearPlannerView.

Thanks in advance

2

BTW. I just noted that table header is always on top... even on the dropdown menus:

image
image1276×676 55.9 KB

3

Hi ReneRam. Have you resolved this issue?
I too have the same problem.
Tks.

4

I had two problems.
For the dropdown going under the days bar as a workaround I change the menu structure.
For the number of rows I was expecting some update from the Radzen team

5

Ok. My issue is when open a dialog, that show always sidebar and topbar under the dialog as the z-index it where superior of that of dialog.

6

Sorry. I just did a simple workaround, not very elegant but for me it works fine:

image
image996×567 40.3 KB

I wrapped the RadzenSchduler inside a

with the required style:

        <div style="position: relative; z-index: 1;">
            <RadzenScheduler @ref=@calendar SlotRender=@OnSlotRender TItem="Appointment" Data=@CalendarData StartProperty="DateStart" EndProperty="DateEnd"
                             TextProperty="Title" SelectedIndex="1" Style="height: 768px;"
                             SlotSelect=@OnSlotSelect AppointmentSelect=@OnAppointmentSelect AppointmentRender=@OnAppointmentRender>
                <RadzenMonthView />
                <RadzenYearPlannerView />
                @*<RadzenYearTimelineView />*@
            </RadzenScheduler>
        </div>

Hope it helps