This is a migrated thread and some comments may be shown as answers.

TimeMarker location

7 Answers 72 Views
ScheduleView
This is a migrated thread and some comments may be shown as answers.
Adrien
Top achievements
Rank 1
Adrien asked on 30 May 2013, 01:49 PM
Hello,

The location of the TimeMarker is at the bottom of the appointment. I do not understand why ...
I did not set any custom style for the radscheduleview.

I use the 2013 Q3 version with the Windows 8 theme.
StyleManager.ApplicationTheme = new Windows8Theme();

How is it possible to change the location of the TimeMarker?

Regards,
Adrien.

7 Answers, 1 is accepted

Sort by
0
Kalin
Telerik team
answered on 31 May 2013, 10:25 AM
Hello Adrien,

We've tested the described scenario and TimeMarkers were shown as expected - I have attached a screenshot of the ScheduleView with Windows8 theme and some appointments with TimeMarkers. I assume something else in your project is causing the issue.

Regards,
Kalin
Telerik

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

0
Adrien
Top achievements
Rank 1
answered on 04 Jun 2013, 06:40 AM
The timemarker in a dayview is displayed correctly.
If I switch to a month view the time marker is displayed at the bottom of the appointment.
If I switch to a week view, for appointment in the "All day area", the TimeMarker is at the bottom for the others it is at the left.

Usually when the TimeMarker is at the bottom, the appointment is an "AllDay" appointment.

Is it the expected behavior?
0
Kalin
Telerik team
answered on 04 Jun 2013, 11:19 AM
Hi Adrien,

The explained Time Markers behavior is the correct behavior of the ScheduleView. You could change the Time Marker appearance by creating a custom AppointmentStyleSelector - for more detailed information please refer to the Appointment Style article from our documentation.

Regards,
Kalin
Telerik

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

0
Henry
Top achievements
Rank 1
answered on 04 Apr 2014, 03:18 AM
Hi Kalin -- can you elaborate on this a little?  I am currently using Expression_Dark with the RadScheduleView in TimeLine mode.  I would really like the Time Markers to be fully across the top (like in Windows8 style).  I looked at the "Appointment Style" section you described above, however, not being successful. Currently, the TimeMarkers on fully on the left hand side of the Appointment - like for it to be across the top.
Thanks,
Henry
0
Henry
Top achievements
Rank 1
answered on 04 Apr 2014, 03:23 AM
PS on that last post....  I am currently doing the following.  The appointments are getting the brush stroke (gradient filled) that I want, however, the TimeMarker is doing nothing (especially being drawn across the top of the appointment).
<local:SpecialSlotStyleSelector x:Key="SpecialSlotStyleSelector">
 <local:SpecialSlotStyleSelector.DefaultStyle>
  <Style TargetType="telerik:AppointmentItem">
   <Setter Property="Foreground" Value="Beige" />
   <Setter Property="Margin" Value="0" />
   <Setter Property="IsEnabled" Value="True" />
   <Setter Property="IsHitTestVisible" Value="True" />
   <Setter Property="Template">
    <Setter.Value>
     <ControlTemplate TargetType="telerik:AppointmentItem">
      <Grid>
       <Rectangle Fill="{Binding Appointment.Category.CategoryBrush, FallbackValue=Orange}" RadiusX="2" RadiusY="2" />
       <Rectangle Fill="{Binding Appointment.TimeMarker.TimeMarkerBrush, FallbackValue=Orange}" Margin="2 0" />
       <TextBlock x:Name="txtTextBlock" HorizontalAlignment="Center" TextWrapping="NoWrap"
                 Text="{Binding Appointment.Subject}" />
      </Grid>
     </ControlTemplate>
    </Setter.Value>
   </Setter>
  </Style>
 </local:SpecialSlotStyleSelector.DefaultStyle>
</local:SpecialSlotStyleSelector>

0
Kalin
Telerik team
answered on 04 Apr 2014, 01:41 PM
Hi Henry,

In order to keep the complete functionality of the Appointments you will need to extract the default AppointmentItemHorizontalControlTemplate and modify it in order to have the TimeMarker line above the Appointment. I have prepared a sample project which demonstrates the exact approach, note that I have used Implicit Styles to easily apply the modified ControlTemplate.

Hope this will help you to achieve the required.

Regards,
Kalin
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Henry
Top achievements
Rank 1
answered on 09 Apr 2014, 06:48 PM
Works Great!!!
Tags
ScheduleView
Asked by
Adrien
Top achievements
Rank 1
Answers by
Kalin
Telerik team
Adrien
Top achievements
Rank 1
Henry
Top achievements
Rank 1
Share this question
or