Delete confirmation dialog is displayed too low

[Monsignor]

Hello,

I have a scheduler and it has the following properties:

<telerik:RadScheduler runat="server" ID="Scheduler"
GroupBy="Date,JobTitle"
GroupingDirection="Vertical"
DataKeyField="ID"
DataSubjectField="Subject"
DataStartField="Start"
DataEndField="End"
SelectedView="MultiDayView"
ShowAllDayRow="false"
ShowHeader="false"
ShowFooter="false"
ShowFullTime="true"
MinutesPerRow="60"
MultiDayView-ColumnHeaderDateFormat="dddd"
StartInsertingInAdvancedForm="true"
StartEditingInAdvancedForm="true"
OverflowBehavior="Expand"

My scheduler displays 8 days at a time, so it is quite long (OverflowBehavior="Expand"). When I press delete button of appointment, the confirmation dialog appears. And it appears at the center of scheduler, so user have to scroll the page down. This is very confusing and I need your help to find a workaround solution...

[Jayesh Goyani]

i also face same problem.

can i change position of delete dialog box.

[Peter]

Hello jayesh,

You can control the positioning of the confirm dialog with the following css selector:

.rsModalDialog
    {
        top: 60px !important;
    }

Please, let us know if this helps you achieve your goal.

Regards,
Peter
the Telerik team

[Monsignor]

Hello Peter,

But how to make the dialog to display at the postition of appointment that is being deleted?

[Peter]

Hi Monsignor,

I am not sure how this can be achieved. If you find a solution, please post it here for reference for the community.

Greetings,
Peter
the Telerik team

[Monsignor]

Can the telerik team implement this behaviour?

I wanted to make it manually, but there is no "DeleteDialogIsShown" event..

[Raghav]

Yes, setting the CSS does the trick!
 I wonder if there is way to disable delete dialog in asp.net ajax RADScheduler ?

Regards
Raghav

[Peter]

Hello Raghav,

Yes, you can set DisplayDeleteConfirmation="false" for RadScheduler.

Regards,
Peter
the Telerik team

[Waqas]

you can achive using this css code.

.RadScheduler .rsModalWrapper .rsModalDialog {
            position: fixed !important; 
            margin:-86px 0 0 -197px !important;
            top: 50% !important;
            left: 50% !important;
            z-index: 100 !important;
        }