RadWindow opened from Scheduler not correctly positioned

[David Penny]

Not sure whether this should be posted here or the RadWindow forum.

I have a monthly Scheduler view where I add and edit entries using a RadWindow to open another page.

This all works perfectly fine, until my Monthly Scheduler grows bigger than the displayed page.  If I then scroll down and add an entry at the bottom, the RadWindow opens and is shown for a moment in the correct position as maximized, then it is shifted down so it starts half way down the browser window.

If I add an event at the top of the Calendar it all works OK.

I am using RadControls 2010.2.9.929 and IE8 (although it exhibits the behaviour in other browsers as well)

David Penny

[Kamen Bundev]

Hello David,

This may happen if you use a link to open your RadWindow and its href="#" which will navigate to the top of the page. To avoid this use a link like this one:
<a href="javascript:void(0);" onclick="openRadWindow(); return false;">Open RadWindow</a>

Regards,
Kamen Bundev
the Telerik team

[David Penny]

Hi,

I am not using a link to open the RadWindow.  My Radscheduler is defined as below:

<telerik:RadScheduler ID="RadScheduler1" runat="server"
           CustomAttributeNames="Notes,ProjectID,OutOfOffice,Leave,Flexitime,StaffRef,StaffID, PrivateLeave"
           DataEndField="End" DataKeyField="ID" DataStartField="Start" DataSubjectField="Subject" DataDescriptionField="Notes"
           DayHeaderDateFormat="dddd dd MMMM yyyy"
           AdvancedForm-EnableCustomAttributeEditing="True" ForeColor="Blue"
           MonthVisibleAppointmentsPerDay="6" OnClientAppointmentEditing="AppointmentEditing_Diary"
           OnClientAppointmentInserting="AppointmentInserting_Diary" StartEditingInAdvancedForm="False"
           Style="top: 0px; left: 0px" ValidationGroup="RadScheduler1" Height="100%"
           Width="100%" WeekHeaderDateFormat="dd/MM/yy" HoursPanelTimeFormat="htt">
           <MonthView VisibleAppointmentsPerDay="6"  MinimumRowHeight="4" />
           <WeekView HeaderDateFormat="dd/MM/yy" />
           <Localization ConfirmDeleteText="Are you sure you want to delete this Diary entry?" ConfirmDeleteTitle="Confirm Delete" />
           <DayView HeaderDateFormat="dddd dd MMMM yyyy" />
       </telerik:RadScheduler>

The javascript to open a window to add a new event is then:

function AppointmentInserting(sender, eventArgs) {
    stopTimer();
    var d = eventArgs.get_startTime();
    var eventDate = displayDate(d);
    var start = formatDate(eventArgs.get_startTime());
    var isAllDay = eventArgs.get_isAllDay();
    var ow = window.radopen("EditEvent.aspx?Mode=Insert&Start=" + start + "&IsAllDay=" + isAllDay, "AdvancedForm");
    ow.Maximize();
    ow.set_title(eventDate);
    eventArgs.set_cancel(true);
    return false;

David

[Peter]

Hello David,

I used your code to create a test project, but I couldn't reproduce the problem. Please, see this video capture as part of my local tests  and let me know if these are the right steps to get to the problem-
http://screencast.com/t/M7b0fiv8.


All the best,
Peter
the Telerik team

[David Penny]

Hi Peter,

Thanks for trying this.  If you click on the link below you will see what happens in my own app.

http://www.screencast.com/t/la09PNbuA4ck

If it helps, you can log into this at the following url to see if it gives any clue to what is going on:

http://www.professonline.com/default.aspx?token=demo

The user name and password are DGP.  The video will show you how to reproduce the issue.

Thanks.

David Penny

[Peter]

Thanks for clarifying. Can you try adding the following css and let me know if it helps:

.RadWindow
   {
       top: 0px !important;
   }

Peter
the Telerik team

[David Penny]

Peter,

That's it, thanks.  Easy when you know how!

Dave