Keep Text in appointment in view

[Patrick]

Hello,

 

I am currently using a Scheduler control in weekview where the range of hours that's visible is about 6 hours.

The appointments are shown in this view but the text is always aligned at the top of the AppointmentElement.

When the top of the AppointmentElement is outside the view, you see only a colored rectangle and it's not clear what appointment is shown

 

Is there a way to

- align the text at the top of the AppointmentElement when the start-time is within the view.

- align the text at the top of the Schedulerview when the start-time is NOT within the view. (the text will be shown somewhere in the middle of the rectange)

 

I have added a picture to clarify my question.

 

Best regards

Patrick Vossen

[Nadya | Tech Support Engineer]

Hello, Patrick,

By default, the AppointmentElement text is positioned at TopLeft. Hence, it is normal if you scroll down a long-running appointment the text to be outside the view area. I would suggest you to increase the view area of your RadScheduler, if possible, in order to allow more hours to be visible and appointments to be shown. 

If you want to change the text alignment you can use the AppointmentFormatting event and set AppointmentElement.TextAlignment property to the desired value. If you need to track when the vertical scroll bar changes its value you can use the following approach as an example to achieve your goal:

SchedulerDayViewElement viewElement = this.radScheduler1.SchedulerElement.ViewElement as SchedulerDayViewElement;
viewElement.DataAreaElement.VScrollBar.ValueChanged += this.VScrollBar_ValueChanged;

bool updateTextAlignment;

private void VScrollBar_ValueChanged(object sender, EventArgs e)
{
    RadScrollBarElement s = sender as RadScrollBarElement;
    if (s.Value > 5)
    {
        updateTextAlignment = true;
        this.radScheduler1.SchedulerElement.RefreshViewElement();
    }
}

private void RadScheduler1_AppointmentFormatting(object sender, SchedulerAppointmentEventArgs e)
{
    if (updateTextAlignment)
    {
        e.AppointmentElement.TextAlignment = ContentAlignment.MiddleLeft;
    }
}

I hope this information. Let me know if you have any other questions.

Regards,
Nadya
Progress Telerik