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

Wanted to Remove/Hide Delete Icon/Button

17 Answers 609 Views

ScheduleView

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

Alapan asked on 13 Sep 2011, 07:24 AM

Appointment.png

Hello Guys
Can you please provide me a way to hide the delete Icon whenever I mouse hover on an appointment. I have searched over blogs and forums but didn't find any solution useful for me, as either some one is saying to extract the control template through blend expression tool or someone is saying to fine delete button. I do not have Blend Expression tool and also I am not able to find Delete button, so please provide me a sample code which helps me to understand, how to remove or hide the delete icon or button.
I need it very urgent. Immediate help will be highly appreciable.

I am also attaching the the screenshot to support my thread.

Thanks
Alapan Sur

17 Answers, 1 is accepted

answered on 13 Sep 2011, 09:28 AM

AppointmentItemStyleSelector-SL.zip

Hello Alapan,

The delete button of the appointment item should be removed from the control template of the appointment item. To gain access to the default control template of the appointment item , you need the AppointmentItemStyleSelector. The selector contains both the horizontal and the vertical control templates of the appointment item.

I can see that you are using the Windows7 theme in your project. Please, find attached the xaml for the AppointmentItemStyleSelector in Windows7 theme. The snippet has the delete button hidden as you wish. Please, search for the word NOTE to see additional comments.

I hope this helps.

Regards,
Dani
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

answered on 13 Sep 2011, 10:07 AM

Appointment.png

Hi Dani,

Thanks for a quick reply !!!!
I am not using Windows 7 theme, I am using Office Black Theme, due to some reason I sent you the screenshot of delete Icon from Telerik demos . So please tell me that solution is still valsid or not !!! I am sending my XAML code also to give the clear picture.Also, I am attaching the screenshot of my ScheduleView application.

<UserControl x:Class="DemosGroup.Scheduler.View.demosScheduleView"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

xmlns:schedule="clr-namespace:Telerik.Windows.Controls.ScheduleView;assembly=Telerik.Windows.Controls.ScheduleView"

xmlns:scheduleView="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.ScheduleView"

xmlns:telerikPrimitives="clr-namespace:Telerik.Windows.Controls.Primitives;assembly=Telerik.Windows.Controls"

xmlns:local="clr-namespace:DemosGroup.Scheduler.ViewModel;assembly=DemosGroup.Scheduler.ViewModel"

xmlns:customstyle="clr-namespace:DemosGroup.Scheduler.View;assembly=DemosGroup.Scheduler.View"

xmlns:bl="clr-namespace:DemosGroup.Scheduler.ViewModel.BL;assembly=DemosGroup.Scheduler.ViewModel"

xmlns:telerikQuickStart="clr-namespace:Telerik.Windows.Controls.QuickStart;assembly=Telerik.Windows.Controls"

xmlns:extended="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"

xmlns:tab="clr-namespace:DemosGroup.Scheduler.View.Controls;assembly=DemosGroup.Scheduler.View.Controls"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">

<UserControl.Resources>

<telerik:Office_BlackTheme x:Key="Theme" />

<telerik:InvertedBooleanConverter x:Key="InvertedBooleanConverter" />

<telerik:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter" />

<telerik:InvertedBooleanToVisibilityConverter x:Key="InvertedBooleanToVisibilityConverter" />

<telerik:InvertedVisibilityConverter x:Key="InvertedVisibilityConverter" />

<telerik:NullToVisibilityConverter x:Key="NullToVisibilityConverter" />

<telerik:InvertedNullToVisibilityConverter x:Key="InvertedNullToVisibilityConverter" />

<telerik:ImportanceToBooleanConverter x:Key="ImportanceToBooleanConverter" />

<telerik:ResourcesSeparatorConverter x:Key="ResourcesSeparatorConverter" />

<telerik:BoolToInputModeConverter x:Key="BoolToInputModeConverter" />

<telerik:LocalizationManager x:Key="LocalizationManager"/>

<local:SchedulerViewModel x:Key="ViewModel" />

<SolidColorBrush x:Key="MainBackground" Color="#FF000000" />

<LinearGradientBrush x:Key="SubHeadingBackground" EndPoint="0.5,1" MappingMode="RelativeToBoundingBox"

StartPoint="0.5,0">

<GradientStop Color="#FF4B4B4B" Offset="1" />

<GradientStop Color="#FF6E6E6E" />

</LinearGradientBrush>

<LinearGradientBrush x:Key="SelectionOptionBackground" EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FF1E1E1E" Offset="0" />

<GradientStop Color="#FF040404" Offset="1" />

</LinearGradientBrush>

<SolidColorBrush x:Key="SelectionOptionBorderBrush" Color="#FF313132" />

<SolidColorBrush x:Key="RadScheduleForeground" Color="Black" />

<DataTemplate x:Key="TimeMarkerComboBoxItemContentTemplate">

<StackPanel Orientation="Horizontal">

<Rectangle Fill="{Binding TimeMarkerBrush}" Margin="2 0" Width="12" Height="12" />

<TextBlock telerik:LocalizationManager.ResourceKey="{Binding TimeMarkerName}" Margin="2 0" />

</StackPanel>

</DataTemplate>

<DataTemplate x:Key="CategoryComboBoxItemContentTemplate">

<StackPanel Orientation="Horizontal">

<Rectangle Fill="{Binding CategoryBrush}" Margin="2 0" Width="12" Height="12" />

<TextBlock Text="{Binding DisplayName}" Margin="2 0" />

</StackPanel>

</DataTemplate>

<telerik:ResourceTypeTemplateSelector x:Key="ResourcesEditorItemTemplateSelector">

<telerik:ResourceTypeTemplateSelector.SingleSelectionTemplate>

<DataTemplate>

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="120" />

<ColumnDefinition Width="*" />

</Grid.ColumnDefinitions>

<TextBlock Text="Resources" Margin="6" />

<telerik:RadComboBox Grid.Column="1" Margin="3" ItemsSource="{Binding ResourceItems}" ClearSelectionButtonVisibility="Visible" ClearSelectionButtonContent="{Binding ClearAllButtonContent}" SelectedItem="{Binding SelectedItem, Mode=TwoWay}" DisplayMemberPath="Resource.DisplayName" telerik:StyleManager.Theme="{StaticResource Theme}" />

</Grid>

</DataTemplate>

</telerik:ResourceTypeTemplateSelector.SingleSelectionTemplate>

<telerik:ResourceTypeTemplateSelector.MultipleSelectionTemplate>

<DataTemplate>

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="120" />

<ColumnDefinition Width="*" />

</Grid.ColumnDefinitions>

<TextBlock Text="{Binding ResourceType.DisplayName}" Margin="6" />

<telerik:RadComboBox Grid.Column="1" Margin="3" ItemsSource="{Binding ResourceItems}" ClearSelectionButtonVisibility="Visible" ClearSelectionButtonContent="{Binding ClearAllButtonContent}" SelectedIndex="{Binding SelectedIndex, Mode=TwoWay}" telerik:StyleManager.Theme="{StaticResource Theme}">

<telerik:RadComboBox.ItemContainerStyle>

<Style TargetType="telerik:RadComboBoxItem">

<Setter Property="Template">

<Setter.Value>

<ControlTemplate>

<CheckBox IsChecked="{Binding IsChecked, Mode=TwoWay}" Content="{Binding Resource.DisplayName}" telerik:StyleManager.Theme="{StaticResource Theme}" />

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</telerik:RadComboBox.ItemContainerStyle>

<telerik:RadComboBox.SelectionBoxTemplate>

<DataTemplate>

<TextBlock Text="{Binding Owner.CheckedItems, Converter={StaticResource ResourcesSeparatorConverter}}" />

</DataTemplate>

</telerik:RadComboBox.SelectionBoxTemplate>

</telerik:RadComboBox>

</Grid>

</DataTemplate>

</telerik:ResourceTypeTemplateSelector.MultipleSelectionTemplate>

</telerik:ResourceTypeTemplateSelector>

<ControlTemplate x:Key="EditAppointmentTemplate" TargetType="telerik:SchedulerDialog">

<Grid >

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

<RowDefinition Height="*" />

<RowDefinition Height="Auto" />

</Grid.RowDefinitions>

<telerik:RadToolBar x:Name="AppointmentToolbar" GripVisibility="Collapsed" Grid.Row="0" Margin="-1 -1 -1 3" telerik:StyleManager.Theme="{StaticResource Theme}">

<telerik:RadButton x:Name="EditRecurrenceButton" IsEnabled="{Binding IsReadOnly, Converter={StaticResource InvertedBooleanConverter}}" Command="telerik:RadScheduleViewCommands.EditRecurrenceRule" Visibility="{Binding CanEditParentAppointment, Converter={StaticResource InvertedBooleanToVisibilityConverter}}">

<ToolTipService.ToolTip>

<ToolTip telerik:LocalizationManager.ResourceKey="EditRecurrence" telerik:StyleManager.Theme="{StaticResource Theme}" />

</ToolTipService.ToolTip>

<StackPanel Orientation="Horizontal" Margin="2 0">

<TextBlock Margin="4 0" telerik:LocalizationManager.ResourceKey="EditRecurrence" Foreground="{StaticResource RadScheduleForeground}" />

</StackPanel>

</telerik:RadButton>

<telerik:RadButton x:Name="EditParentAppointmentButton" IsEnabled="{Binding IsReadOnly, Converter={StaticResource InvertedBooleanConverter}}" Command="telerik:RadScheduleViewCommands.EditParentAppointment" Visibility="{Binding CanEditParentAppointment, Converter={StaticResource BooleanToVisibilityConverter}}">

<ToolTipService.ToolTip>

<TextBlock telerik:LocalizationManager.ResourceKey="EditParentAppointment" telerik:StyleManager.Theme="{StaticResource Theme}" />

</ToolTipService.ToolTip>

<TextBlock Margin="4 0" telerik:LocalizationManager.ResourceKey="EditParentAppointment" Foreground="{StaticResource RadScheduleForeground}" />

</telerik:RadButton>

<telerik:RadToolBarSeparator />

<TextBlock x:Name="ShowAs" telerik:LocalizationManager.ResourceKey="ShowAs" Margin="1 0 1 1" VerticalAlignment="Center" Foreground="{StaticResource RadScheduleForeground}" />

<telerik:RadComboBox x:Name="PART_TimeMarkers" Margin="2 1" Width="110" IsEnabled="{Binding IsReadOnly, Converter={StaticResource InvertedBooleanConverter}}" EmptyText="{Binding TimeMarkersEmptyText}" ItemsSource="{Binding TimeMarkers}" SelectedItem="{Binding Occurrence.Appointment.TimeMarker, Mode=TwoWay}" ClearSelectionButtonVisibility="Visible" ClearSelectionButtonContent="{Binding ClearSelectionButtonContent}" ItemTemplate="{StaticResource TimeMarkerComboBoxItemContentTemplate}" SelectionBoxTemplate="{StaticResource TimeMarkerComboBoxItemContentTemplate}" telerik:StyleManager.Theme="{StaticResource Theme}" />

<telerik:RadComboBox x:Name="PART_Categories" Margin="2 1" Width="120" IsEnabled="{Binding IsReadOnly, Converter={StaticResource InvertedBooleanConverter}}" EmptyText="{Binding CategoriesEmptyText}" ItemsSource="{Binding Categories}" SelectedItem="{Binding Occurrence.Appointment.Category, Mode=TwoWay}" ClearSelectionButtonVisibility="Visible" ClearSelectionButtonContent="{Binding ClearSelectionButtonContent}" ItemTemplate="{StaticResource CategoryComboBoxItemContentTemplate}" SelectionBoxTemplate="{StaticResource CategoryComboBoxItemContentTemplate}" telerik:StyleManager.Theme="{StaticResource Theme}" />

<telerik:RadToggleButton x:Name="HighImportaceButton" Width="22" Height="22" IsEnabled="{Binding IsReadOnly, Converter={StaticResource InvertedBooleanConverter}}" IsChecked="{Binding IsHighImportance, Mode=TwoWay}">

<ToolTipService.ToolTip>

<ToolTip telerik:LocalizationManager.ResourceKey="HighImportance" telerik:StyleManager.Theme="{StaticResource Theme}" />

</ToolTipService.ToolTip>

<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">

<Path Stretch="Fill" Height="10" HorizontalAlignment="Center" Width="5.451" Data=

"M200.39647,58.840393 C200.39337,58.336426 201.14566,57.683922 202.56244,57.684292 C204.06589,57.684685 204.73764,58.357765 204.72783,58.992363 C205.04649,61.795574 203.04713,64.181099 202.47388,66.133446 C201.93753,64.154961 199.9471,61.560352 200.39647,58.840393 z"

>

<Path.Fill>

<LinearGradientBrush EndPoint="1.059,0.375" StartPoint="-0.457,0.519">

<GradientStop Color="#FFFF0606" Offset="0.609" />

<GradientStop Color="#FFBF0303" Offset="0.927" />

</LinearGradientBrush>

</Path.Fill>

</Path>

<Ellipse Width="3" Height="3" HorizontalAlignment="Center">

<Ellipse.Fill>

<RadialGradientBrush>

<GradientStop Color="#FFFF0606" Offset="0" />

<GradientStop Color="#FFBF0303" Offset="1" />

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>

</StackPanel>

</telerik:RadToggleButton>

<telerik:RadToggleButton x:Name="LowImportaceButton" Width="22" Height="22" IsEnabled="{Binding IsReadOnly, Converter={StaticResource InvertedBooleanConverter}}" IsChecked="{Binding IsLowImportance, Mode=TwoWay}">

<ToolTipService.ToolTip>

<ToolTip telerik:LocalizationManager.ResourceKey="LowImportance" telerik:StyleManager.Theme="{StaticResource Theme}" />

</ToolTipService.ToolTip>

<Path Stretch="Fill" Height="12" HorizontalAlignment="Center" VerticalAlignment="Center" Width="9" Stroke="#FF0365A7" Data=

"M222.40353,60.139881 L226.65768,60.139843 L226.63687,67.240196 L229.15347,67.240196 L224.37816,71.394943 L219.65274,67.240196 L222.37572,67.219345 z"

>

<Path.Fill>

<LinearGradientBrush EndPoint="1.059,0.375" StartPoint="-0.457,0.519">

<GradientStop Color="#FFBBE4FF" />

<GradientStop Color="#FF024572" Offset="0.836" />

<GradientStop Color="#FF43ADF4" Offset="0.466" />

</LinearGradientBrush>

</Path.Fill>

</Path>

</telerik:RadToggleButton>

</telerik:RadToolBar>

<Border x:Name="AppointmentCategory" Grid.Row="1" Height="20" Margin="6 6" CornerRadius="3" Background="{Binding SelectedItem.CategoryBrush, ElementName=PART_Categories}" Visibility="{Binding SelectedItem, ElementName=PART_Categories,Converter={StaticResource NullToVisibilityConverter}}">

<TextBlock Margin="6 0" Text="{Binding SelectedItem.DisplayName, ElementName=PART_Categories}" VerticalAlignment="Center" />

</Border>

<Grid x:Name="Details" Grid.Row="2" Margin="6">

<Grid.Resources>

<telerik:InputMode x:Key="RadDateTimePickerInputModeDatePicker">DatePicker</telerik:InputMode>

</Grid.Resources>

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

<RowDefinition Height="*" />

<RowDefinition Height="Auto" />

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="120" />

<ColumnDefinition Width="*" />

</Grid.ColumnDefinitions>

<TextBlock Grid.Row="0" Grid.Column="0" Margin="6" telerik:LocalizationManager.ResourceKey="Project" />

<TextBox Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="2" Margin="3" IsReadOnly="{Binding IsReadOnly}" Text="{Binding Occurrence.Appointment.Project, Mode=TwoWay}" telerik:StyleManager.Theme="{StaticResource Theme}" />

<TextBlock Grid.Row="1" Grid.Column="0" Margin="6" telerik:LocalizationManager.ResourceKey="Notes" />

<TextBox Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="2" Margin="3" Height="70" IsReadOnly="{Binding IsReadOnly}" VerticalAlignment="Stretch" VerticalContentAlignment="Stretch" VerticalScrollBarVisibility="Visible" Text="{Binding Occurrence.Appointment.Notes, Mode=TwoWay}" TextWrapping="Wrap" telerik:StyleManager.Theme="{StaticResource Theme}" />

<TextBlock Grid.Row="2" Grid.Column="0" Margin="6" telerik:LocalizationManager.ResourceKey="StartTime" />

<telerik:RadDateTimePicker Grid.Row="2" Grid.Column="1" Margin="3" IsReadOnly="{Binding IsReadOnly}" Culture="{Binding DefaultCulture,Source={StaticResource LocalizationManager}}" SelectedValue="{Binding Occurrence.Appointment.Start, Mode=TwoWay}" IsEnabled="{Binding IsNotRecurrent}" telerik:StyleManager.Theme="{StaticResource Theme}">

<telerik:RadDateTimePicker.InputMode>

<Binding Path="IsAllDayEvent" Converter="{StaticResource BoolToInputModeConverter}">

<Binding.ConverterParameter>

<telerik:InputMode>DatePicker</telerik:InputMode>

</Binding.ConverterParameter>

</Binding>

</telerik:RadDateTimePicker.InputMode>

</telerik:RadDateTimePicker>

<TextBlock Grid.Row="3" Grid.Column="0" Margin="6" VerticalAlignment="Center" telerik:LocalizationManager.ResourceKey="EndTime" telerik:StyleManager.Theme="{StaticResource Theme}" />

<telerik:RadDateTimePicker Grid.Row="3" Grid.Column="1" Margin="3" IsReadOnly="{Binding IsReadOnly}" Culture="{Binding DefaultCulture,Source={StaticResource LocalizationManager}}" SelectedValue="{Binding Occurrence.Appointment.End, Mode=TwoWay}" IsEnabled="{Binding IsNotRecurrent}" telerik:StyleManager.Theme="{StaticResource Theme}">

<telerik:RadDateTimePicker.InputMode>

<Binding Path="IsAllDayEvent" Converter="{StaticResource BoolToInputModeConverter}">

<Binding.ConverterParameter>

<telerik:InputMode>DatePicker</telerik:InputMode>

</Binding.ConverterParameter>

</Binding>

</telerik:RadDateTimePicker.InputMode>

</telerik:RadDateTimePicker>

<CheckBox Content="Is done?" Grid.Column="2" HorizontalAlignment="Stretch" Grid.Row="3" VerticalAlignment="Center" Margin="15,0,0,0" IsChecked="{Binding Occurrence.Appointment.IsDone, FallbackValue=False, Mode=TwoWay}"/>

<TextBlock telerik:LocalizationManager.ResourceKey="CostCenter" Grid.Column="0" Margin="6" Grid.Row="4" telerik:StyleManager.Theme="{StaticResource Theme}"></TextBlock>

<TextBox Grid.Row="4" Grid.Column="1" Margin="3" IsReadOnly="{Binding IsReadOnly}" Text="{Binding Occurrence.Appointment.CostCenter, Mode=TwoWay}" telerik:StyleManager.Theme="{StaticResource Theme}" />

<!-- DEPRECATED: No more visual support for all day events

<Path Grid.Row="2" Grid.RowSpan="2" Grid.Column="2" HorizontalAlignment="Left" Margin="-3 0 0 0" Width="12" Height="22" Stroke="DarkGray" Data="M0,0 L12,0 M0,22 L12,22 M8,0 L8,22 M8,22 L10,18 M8,22 L6,18" SnapsToDevicePixels="true" />

<CheckBox x:Name="AllDayEventCheckbox" Grid.Row="2" Grid.RowSpan="2" Grid.Column="2" Margin="18 0 0 0" VerticalAlignment="Center" IsChecked="{Binding Path=IsAllDayEvent, Mode=TwoWay}" IsEnabled="{Binding IsNotRecurrent}" telerik:LocalizationManager.ResourceKey="AllDayEvent" telerik:StyleManager.Theme="{StaticResource Theme}" />-->

</Grid>

<Grid Grid.Row="3" Margin="3" Visibility="{Binding ResourceTypesVisibility}">

<telerik:ItemsControl x:Name="PART_Resources" Margin="3" IsTabStop="false" BorderBrush="{x:Null}" BorderThickness="0" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" IsEnabled="{Binding IsReadOnly, Converter={StaticResource InvertedBooleanConverter}}" ItemsSource="{Binding ResourceTypes}" ItemTemplateSelector="{StaticResource ResourcesEditorItemTemplateSelector}" Visibility="{Binding ResourceTypesVisibility}" />

<TextBlock HorizontalAlignment="Center" Text="You can only change the resources by opening the series" Margin="3" Visibility="{Binding ResourceTypesVisibility, Converter={StaticResource InvertedVisibilityConverter}}" />

</Grid>

<StackPanel Grid.Row="4" Margin="13 6" HorizontalAlignment="Right" Orientation="Horizontal">

<telerik:RadButton Margin="2" MinWidth="84" Command="telerik:WindowCommands.Confirm" telerik:LocalizationManager.ResourceKey="Ok" telerik:RadWindow.ResponseButton="Accept" telerik:StyleManager.Theme="{StaticResource Theme}">

<ToolTipService.ToolTip>

<TextBlock telerik:LocalizationManager.ResourceKey="SaveAndClose" telerik:StyleManager.Theme="{StaticResource Theme}" />

</ToolTipService.ToolTip>

</telerik:RadButton>

<telerik:RadButton Margin="2" MinWidth="84" Command="telerik:WindowCommands.Cancel" telerik:LocalizationManager.ResourceKey="Cancel" telerik:RadWindow.ResponseButton="Cancel" telerik:StyleManager.Theme="{StaticResource Theme}" />

</StackPanel>

</Grid>

</ControlTemplate>

<Style x:Key="SelectionOptionStyle" TargetType="Border">

<Setter Property="Background" Value="{StaticResource SelectionOptionBackground}" />

<Setter Property="BorderBrush" Value="{StaticResource SelectionOptionBorderBrush}" />

<Setter Property="BorderThickness" Value="1 0 1 1" />

</Style>

<Style x:Key="EditAppointmentDialogStyle" TargetType="telerik:SchedulerDialog">

<Setter Property="Foreground" Value="{StaticResource RadScheduleForeground}" />

<Setter Property="Width" Value="560" />

<Setter Property="IsTabStop" Value="False" />

<Setter Property="Template" Value="{StaticResource EditAppointmentTemplate}" />

<Setter Property="HeaderTemplate">

<Setter.Value>

<DataTemplate>

<StackPanel Orientation="Horizontal" MaxWidth="400" HorizontalAlignment="Left">

<TextBlock telerik:LocalizationManager.ResourceKey="Event" Visibility="{Binding Occurrence.Appointment.IsAllDayEvent, Converter={StaticResource BooleanToVisibilityConverter}}" />

<TextBlock telerik:LocalizationManager.ResourceKey="Appointment" Visibility="{Binding Occurrence.Appointment.IsAllDayEvent, Converter={StaticResource InvertedBooleanToVisibilityConverter}}" />

<TextBlock Text=" - " />

<TextBlock x:Name="SubjectTextBlock" Text="{Binding Occurrence.Appointment.Subject}" Visibility="{Binding Occurrence.Appointment.Subject, Converter={StaticResource NullToVisibilityConverter}}" />

<TextBlock telerik:LocalizationManager.ResourceKey="Untitled" Visibility="{Binding Occurrence.Appointment.Subject, Converter={StaticResource InvertedNullToVisibilityConverter}}" />

</StackPanel>

</DataTemplate>

</Setter.Value>

</Setter>

<Setter Property="IconTemplate">

<Setter.Value>

<DataTemplate>

<Image Stretch="None" Source="/Telerik.Windows.Controls.ScheduleView;component/Themes/Images/EditAppointment.png" />

</DataTemplate>

</Setter.Value>

</Setter>

</Style>

<telerik:TimeRulerItemTemplateSelector x:Key="TimeRulerItemTemplateSelector">

<telerik:TimeRulerItemTemplateSelector.HorizontalDayMajorItemTemplate>

<DataTemplate>

<TextBlock Text="{Binding FormattedValue}" Margin="2" />

</DataTemplate>

</telerik:TimeRulerItemTemplateSelector.HorizontalDayMajorItemTemplate>

<telerik:TimeRulerItemTemplateSelector.HorizontalDayMinorItemTemplate>

<DataTemplate>

<TextBlock Text="{Binding FormattedValue}" Margin="2" />

</DataTemplate>

</telerik:TimeRulerItemTemplateSelector.HorizontalDayMinorItemTemplate>

<telerik:TimeRulerItemTemplateSelector.HorizontalWeekMajorItemTemplate>

<DataTemplate>

<TextBlock Text="{Binding FormattedValue}" Margin="2" />

</DataTemplate>

</telerik:TimeRulerItemTemplateSelector.HorizontalWeekMajorItemTemplate>

<telerik:TimeRulerItemTemplateSelector.HorizontalWeekMinorItemTemplate>

<DataTemplate>

<TextBlock Text="{Binding FormattedValue}" Margin="2" />

</DataTemplate>

</telerik:TimeRulerItemTemplateSelector.HorizontalWeekMinorItemTemplate>

<telerik:TimeRulerItemTemplateSelector.VerticalDayMajorItemTemplate>

<DataTemplate>

<TextBlock Text="{Binding FormattedValue}" Margin="0 2" MinWidth="54" TextAlignment="Right" />

</DataTemplate>

</telerik:TimeRulerItemTemplateSelector.VerticalDayMajorItemTemplate>

<telerik:TimeRulerItemTemplateSelector.VerticalDayMinorItemTemplate>

<DataTemplate>

<TextBlock Text="{Binding FormattedValue}" Margin="0 2" MinWidth="54" TextAlignment="Right" />

</DataTemplate>

</telerik:TimeRulerItemTemplateSelector.VerticalDayMinorItemTemplate>

<telerik:TimeRulerItemTemplateSelector.VerticalWeekMajorItemTemplate>

<DataTemplate>

<TextBlock Text="{Binding FormattedValue}" Margin="0 2" MinWidth="54" TextAlignment="Right" />

</DataTemplate>

</telerik:TimeRulerItemTemplateSelector.VerticalWeekMajorItemTemplate>

<telerik:TimeRulerItemTemplateSelector.VerticalWeekMinorItemTemplate>

<DataTemplate>

<TextBlock Text="{Binding FormattedValue}" Margin="0 2" MinWidth="54" TextAlignment="Right" />

</DataTemplate>

</telerik:TimeRulerItemTemplateSelector.VerticalWeekMinorItemTemplate>

<telerik:TimeRulerItemTemplateSelector.HorizontalTimelineGroupTemplate>

<DataTemplate>

<TextBlock Text="{Binding FormattedValue}" Margin="2 1" TextAlignment="Left" />

</DataTemplate>

</telerik:TimeRulerItemTemplateSelector.HorizontalTimelineGroupTemplate>

<telerik:TimeRulerItemTemplateSelector.HorizontalTimelineMajorItemTemplate>

<DataTemplate>

<!--

<TextBlock Text="{Binding FormattedValue}" Margin="2" TextAlignment="Left" />

-->

</DataTemplate>

</telerik:TimeRulerItemTemplateSelector.HorizontalTimelineMajorItemTemplate>

<telerik:TimeRulerItemTemplateSelector.HorizontalTimelineMinorItemTemplate>

<DataTemplate>

<!--

<TextBlock Text="{Binding FormattedValue}" Margin="2" TextAlignment="Left" />

-->

</DataTemplate>

</telerik:TimeRulerItemTemplateSelector.HorizontalTimelineMinorItemTemplate>

<telerik:TimeRulerItemTemplateSelector.VerticalTimelineGroupTemplate>

<DataTemplate>

<telerikPrimitives:LayoutTransformControl VerticalAlignment="Top">

<telerikPrimitives:LayoutTransformControl.LayoutTransform>

<RotateTransform Angle="-90" />

</telerikPrimitives:LayoutTransformControl.LayoutTransform>

<TextBlock Text="{Binding FormattedValue}" Margin="1 2" Height="16" TextAlignment="Right" />

</telerikPrimitives:LayoutTransformControl>

</DataTemplate>

</telerik:TimeRulerItemTemplateSelector.VerticalTimelineGroupTemplate>

<telerik:TimeRulerItemTemplateSelector.VerticalTimelineMajorItemTemplate>

<DataTemplate>

<TextBlock Text="{Binding FormattedValue}" Margin="0 2" MinWidth="54" TextAlignment="Right" />

</DataTemplate>

</telerik:TimeRulerItemTemplateSelector.VerticalTimelineMajorItemTemplate>

<telerik:TimeRulerItemTemplateSelector.VerticalTimelineMinorItemTemplate>

<DataTemplate>

<TextBlock Text="{Binding FormattedValue}" Margin="0 2" MinWidth="54" TextAlignment="Right" />

</DataTemplate>

</telerik:TimeRulerItemTemplateSelector.VerticalTimelineMinorItemTemplate>

<telerik:TimeRulerItemTemplateSelector.MonthGroupTemplate>

<DataTemplate>

<TextBlock Text="{Binding FormattedValue}" Margin="6 2" />

</DataTemplate>

</telerik:TimeRulerItemTemplateSelector.MonthGroupTemplate>

<telerik:TimeRulerItemTemplateSelector.MonthItemTemplate>

<DataTemplate>

<TextBlock Text="{Binding FormattedValue}" Margin="6 2" />

</DataTemplate>

</telerik:TimeRulerItemTemplateSelector.MonthItemTemplate>

</telerik:TimeRulerItemTemplateSelector>

<local:SpecialSlotStyleSelector x:Key="SpecialSlotStyleSelector">

<local:SpecialSlotStyleSelector.SaturdayStyle>

<Style TargetType="telerik:HighlightItem">

<Setter Property="Background" Value="Silver" />

</Style>

</local:SpecialSlotStyleSelector.SaturdayStyle>

<local:SpecialSlotStyleSelector.SundayStyle>

<Style TargetType="telerik:HighlightItem">

<Setter Property="Background" Value="Silver" />

</Style>

</local:SpecialSlotStyleSelector.SundayStyle>

<local:SpecialSlotStyleSelector.WorkingHourStyle>

<Style TargetType="telerik:HighlightItem">

<Setter Property="Background" Value="Transparent" />

</Style>

</local:SpecialSlotStyleSelector.WorkingHourStyle>

<local:SpecialSlotStyleSelector.HolidayHourStyle>

<Style TargetType="telerik:HighlightItem">

<Setter Property="Background" Value="Gray"></Setter>

</Style>

</local:SpecialSlotStyleSelector.HolidayHourStyle>

</local:SpecialSlotStyleSelector>

<DataTemplate x:Key="AppointmentItemTemplate">

<Grid VerticalAlignment="Top">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="*"/>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

<RowDefinition Height="Auto"></RowDefinition>

</Grid.RowDefinitions>

<Image Source="images/time.png" Grid.Row="0" VerticalAlignment="Top" HorizontalAlignment="Right" Height="16" Width="16" Margin="0 0 16 0" Grid.Column="0" Visibility="{Binding Path=Appointment.IsTimeBooking, Converter={StaticResource BooleanToVisibilityConverter}}"></Image>

<Image Source="{Binding Appointment.StatusImageUrl}" Grid.Row="0" VerticalAlignment="Top" HorizontalAlignment="Right" Height="16" Width="16" Grid.Column="0"></Image>

<TextBlock Margin="2,2" TextWrapping="Wrap" Text="{Binding Appointment.Row1}" TextTrimming="WordEllipsis" Grid.Column="0" Grid.Row="1"/>

<TextBlock Margin="2,2" TextWrapping="Wrap" Text="{Binding Appointment.Row2}" TextTrimming="WordEllipsis" Grid.Column="0" Grid.Row="2"/>

<TextBlock Margin="2,2" TextWrapping="Wrap" Text="{Binding Appointment.Row3}" TextTrimming="WordEllipsis" Grid.Column="0" Grid.Row="3"/>

<TextBlock Margin="2,2" TextWrapping="Wrap" FontWeight="Bold" Text="{Binding Appointment.BookingStatusName}" TextTrimming="WordEllipsis" Grid.Column="0" Grid.Row="4"/>

<TextBlock Margin="10,2" TextWrapping="Wrap" Text="{Binding Appointment.Row4}" TextTrimming="WordEllipsis" Grid.Column="0" Grid.Row="3"/>

</Grid>

</DataTemplate>

<Style x:Key="AppointmentItemBaseStyle" TargetType="scheduleView:AppointmentItem">

<Setter Property="BorderThickness" Value="1"/>

<Setter Property="BorderBrush" Value="Black"/>

<Setter Property="ContentTemplate" Value="{StaticResource AppointmentItemTemplate}"/>

<Setter Property="VerticalAlignment" Value="Top"></Setter>

</Style>

<local:AppointmentStyleSelector x:Key="AppointmentItemStyleSelector">

<local:AppointmentStyleSelector.CustomeAppointmentStyle>

<Style BasedOn="{StaticResource AppointmentItemBaseStyle}" TargetType="telerik:AppointmentItem">

<Setter Property="VerticalAlignment" Value="Top"/>

</Style>

</local:AppointmentStyleSelector.CustomeAppointmentStyle>

</local:AppointmentStyleSelector>

<telerik:OrientedGroupHeaderStyleSelector x:Key="GroupHeaderStyle">

<telerik:OrientedGroupHeaderStyleSelector.VerticalStyle>

<Style TargetType="telerik:GroupHeader">

<Setter Property="Padding" Value="0 0 0 25"></Setter>

</Style>

</telerik:OrientedGroupHeaderStyleSelector.VerticalStyle>

</telerik:OrientedGroupHeaderStyleSelector>

<scheduleView:OrientedGroupHeaderContentTemplateSelector x:Key="GroupHeaderTemplateSelector">

<scheduleView:OrientedGroupHeaderContentTemplateSelector.VerticalResourceTemplate>

<DataTemplate>

<Grid VerticalAlignment="Top" HorizontalAlignment="Stretch" Width="140" Height="Auto">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto" />

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

<RowDefinition Height="100"></RowDefinition>

</Grid.RowDefinitions>

<TextBlock Margin="8,2" TextWrapping="Wrap" Text="{Binding Name}" TextTrimming="WordEllipsis" Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="2"/>

<Button x:Name="btnPre" Content=">" Width="20" Click="btnNext_Click" Grid.Column="0" Grid.Row="1" Visibility="Collapsed"></Button>

<Button x:Name="btnNext" Content=">" Width="20" Click="btnNext_Click" Grid.Column="1" Grid.Row="1" Visibility="Collapsed"></Button>

</Grid>

</DataTemplate>

</scheduleView:OrientedGroupHeaderContentTemplateSelector.VerticalResourceTemplate>

</scheduleView:OrientedGroupHeaderContentTemplateSelector>

</UserControl.Resources>

<Grid>

<Grid.Resources>

</Grid.Resources>

<Grid.RowDefinitions>

<RowDefinition Height="32" />

<RowDefinition Height="*" />

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition />

</Grid.ColumnDefinitions>

<Border Grid.RowSpan="3" Grid.ColumnSpan="2"></Border>

<Border Background="#FF212121" Grid.RowSpan="3" />

<Border Background="{StaticResource MainBackground}" Grid.ColumnSpan="2">

<TextBlock Text="Demos Group Resource Schedule View" FontFamily="Segoe UI"

HorizontalAlignment="Left" Foreground="#FFE5E2E2" Margin="13 0 0 0" FontSize="16" TextWrapping="Wrap"

VerticalAlignment="Center" />

</Border>

<StackPanel Grid.Row="1" Grid.RowSpan="2" Orientation="Vertical" Visibility="Collapsed">

<Border Background="{StaticResource SubHeadingBackground}" Height="32">

<TextBlock Text="Select Resources" TextWrapping="Wrap" FontSize="13" Foreground="#FFEBE9E9"

FontFamily="Segoe UI" VerticalAlignment="Center" Margin="13 0 0 0" />

</Border>

<Border Background="{StaticResource MainBackground}" Height="32">

<!--<CheckBox IsChecked="{Binding EnableGrouping, Mode=TwoWay}" Content="Enable Grouping"

Foreground="#FFA9A9A9" FontWeight="Normal"

Margin="13 0 0 0" VerticalAlignment="Center" />-->

</Border>

<!--<Border BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" Visibility="Collapsed"></Border>-->

<ScrollViewer x:Name="svResources" Height="700">

<ItemsControl Name="lstResources" ItemsSource="{Binding}" ScrollViewer.VerticalScrollBarVisibility="Visible">

<ItemsControl.ItemTemplate>

<DataTemplate>

<Border Style="{StaticResource SelectionOptionStyle}">

<StackPanel Orientation="Horizontal" Margin="5">

<!--<Image Source="../../Images/Scheduler/GroupingAndFiltering/architecture.png" Stretch="UniformToFill" Width="24" Height="13" Margin="10 5 0 5" />-->

<CheckBox IsChecked="{Binding IsFilter, Mode=OneWay}" Content="{Binding Path=DisplayName}" IsEnabled="{Binding EnableGrouping}"

Foreground="#FFA9A9A9" Click="CheckBox_Checked" VerticalAlignment="Center" Margin="10" Padding="10 0 0 0"/>

</StackPanel>

</Border>

</DataTemplate>

</ItemsControl.ItemTemplate>

</ItemsControl>

</ScrollViewer>

</StackPanel>

<telerik:RadBusyIndicator x:Name="busyIndicator" Grid.Row="1" Grid.Column="1" IsBusy="{Binding IsTaskRunning}" BusyContent="Loading data....">

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="*" />

<RowDefinition Height="16"></RowDefinition>

<RowDefinition Height="Auto"></RowDefinition>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition />

</Grid.ColumnDefinitions>

<scheduleView:RadScheduleView

Grid.Column="0"

Grid.Row="0"

ActiveViewDefinitionIndex="1"

x:Name="RadView"

GroupHeaderStyleSelector="{StaticResource GroupHeaderStyle}"

GroupHeaderContentTemplateSelector="{StaticResource GroupHeaderTemplateSelector}"

AppointmentsSource="{Binding Bookings}"

SpecialSlotStyleSelector="{StaticResource SpecialSlotStyleSelector}"

TimeRulerItemTemplateSelector="{StaticResource TimeRulerItemTemplateSelector}"

GroupDescriptionsSource="{Binding GroupDescriptions}"

ResourceTypesSource="{Binding ResourceTypes}"

AppointmentCreating="RadView_AppointmentCreating"

AppointmentEditing="RadView_AppointmentEditing"

AppointmentEdited="RadView_AppointmentEdited"

AppointmentDeleted="RadView_AppointmentDeleted"

SpecialSlotsSource="{Binding SpecialSlots}"

ShowDialog="RadView_ShowDialog"

EditAppointmentDialogStyle="{StaticResource EditAppointmentDialogStyle}"

AppointmentStyleSelector="{StaticResource AppointmentItemStyleSelector}"

VisibleRangeChangedCommand="{Binding VisibleRangeChangedCommand}"

VisibleRangeChangedCommandParameter="{Binding VisibleRange, RelativeSource={RelativeSource Self}}"

MinAppointmentHeight="{Binding BookingHeight}"

VerticalOffset="{Binding ScrollPosition,Mode=TwoWay}"

AppointmentCreated="RadView_AppointmentCreated"

>

<scheduleView:RadScheduleView.ViewDefinitions>

<scheduleView:TimelineViewDefinition GroupFilter="{Binding GroupFilter}" Title="Day" VisibleDays="7"/>

</scheduleView:RadScheduleView.ViewDefinitions>

<!--<scheduleView:RadScheduleView.ResourceTypesSource>

<scheduleView:ResourceTypeCollection>

<scheduleView:ResourceType Name="Category">

</scheduleView:ResourceType>

</scheduleView:ResourceTypeCollection>

</scheduleView:RadScheduleView.ResourceTypesSource>-->

<!--<scheduleView:RadScheduleView.SpecialSlotStyleSelector>

<scheduleView:SpecialSlotStyleSelector>

<scheduleView:SpecialSlotStyleSelector.DefaultStyle>

<Style TargetType="Control">

<Setter Property="Template">

<Setter.Value>

<ControlTemplate>

<Border Background="Yellow">

<TextBlock Margin="4 2" VerticalAlignment="Bottom" Text="{Binding Text}" FontWeight="Bold" />

</Border>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</scheduleView:SpecialSlotStyleSelector.DefaultStyle>

</scheduleView:SpecialSlotStyleSelector>

</scheduleView:RadScheduleView.SpecialSlotStyleSelector>-->

</scheduleView:RadScheduleView>

<StackPanel HorizontalAlignment="Stretch" x:Name="searchPanelHeader" Grid.Row="1" Height="20" Background="Silver" Grid.Column="0" Margin="0,0,0,0" Orientation="Horizontal" VerticalAlignment="Stretch">

<TextBlock HorizontalAlignment="Left" Text="Search Definitions" Margin="3 0 3 0" Foreground="Black"></TextBlock>

</StackPanel>

<StackPanel x:Name="WindowControlsPanel" HorizontalAlignment="Right" Grid.Row="1" Height="Auto" Background="Silver" Grid.Column="0" Margin="0,0,5,0" Orientation="Horizontal" VerticalAlignment="Stretch">

<Button x:Name="MinimizeButton" Width="16" Height="16" Margin="0,0,1,0" Click="MinimizeButton_Click" Style="{StaticResource TopButtonStyle}" ToolTipService.ToolTip="Minimize" Padding="0">

<Path Data=

"F1M229.417,216.229L208.354,237.292C207.544,238.103,207.544,239.416,208.354,240.227C209.165,241.037,210.479,241.037,211.289,240.227L232.352,219.165C233.162,218.354,233.162,217.04,232.352,216.229C231.541,215.419,230.227,215.419,229.417,216.229"

Fill="White" Stretch="Fill" UseLayoutRounding="False" RenderTransformOrigin="0.5,0.5" Height="6" Width="6" Margin="0,6,0,0">

<Path.RenderTransform>

<CompositeTransform Rotation="45"/>

</Path.RenderTransform>

</Path>

</Button>

<Button x:Name="MaximizeButton" Visibility="Collapsed" Width="16" Height="16" Margin="0,0,1,0" Click="MaximizeButton_Click" Style="{StaticResource TopButtonStyle}" ToolTipService.ToolTip="Maximize">

<Path Data=

"F1M74.313,328.7861C74.313,329.5261,73.713,330.1281,72.973,330.1281L53.033,330.1281C52.292,330.1281,51.692,329.5261,51.692,328.7861L51.692,308.4751C51.692,307.7351,52.292,307.1361,53.033,307.1361L72.973,307.1361C73.713,307.1361,74.313,307.7351,74.313,308.4751z M74.806,305.0221L51.199,305.0221C50.323,305.0221,49.612,305.7311,49.612,306.6081L49.612,330.6551C49.612,331.5321,50.323,332.2411,51.199,332.2411L74.806,332.2411C75.683,332.2411,76.393,331.5321,76.393,330.6551L76.393,306.6081C76.393,305.7311,75.683,305.0221,74.806,305.0221"

Fill="White" Stretch="Fill" UseLayoutRounding="False"/>

</Button>

</StackPanel>

<ScrollViewer HorizontalAlignment="Stretch" Background="White" x:Name="svTabControl" Grid.Row="3" Grid.Column="0" Height="230" Width="Auto" HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Auto" >

<tab:SearchTabControl x:Name="stc" >

</tab:SearchTabControl>

</ScrollViewer>

</Grid>

</telerik:RadBusyIndicator>

<Canvas x:Name="Mask" Background="Gray" Opacity=".7" Visibility="Collapsed"/>

<Popup x:Name="bookingPopUp" IsOpen="False" >

<Grid >

<Border CornerRadius="5" BorderBrush="Brown" Background="White" BorderThickness="1" Width="Auto">

<StackPanel Margin="0, 7, 0, 5" >

<Button Click="btnClose_Click" Content="Close" Visibility="Collapsed" Style="{StaticResource CloseButton}"/>

<TextBlock Text="Booking Window" HorizontalAlignment="Center" FontSize="15" FontFamily="Arial Black" ></TextBlock>

<StackPanel Width="Auto" HorizontalAlignment="Left" Visibility="Collapsed">

<ContentPresenter x:Name="lblProjectError" Visibility="Collapsed"></ContentPresenter>

<TextBlock x:Name="lblError" Visibility="Collapsed" Foreground="Red" FontWeight="Bold"></TextBlock>

</StackPanel>

<Grid HorizontalAlignment="Left" Width="Auto">

<Grid.RowDefinitions>

<RowDefinition Height="Auto"></RowDefinition>

<RowDefinition Height="10"></RowDefinition>

<RowDefinition Height="Auto"></RowDefinition>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="10" ></ColumnDefinition>

<ColumnDefinition Width="Auto" ></ColumnDefinition>

<ColumnDefinition Width="Auto"></ColumnDefinition>

<ColumnDefinition Width="10" ></ColumnDefinition>

</Grid.ColumnDefinitions>

<TextBlock Text="Scheduling Information" Grid.Row="2" Grid.Column="1" Grid.ColumnSpan="4" HorizontalAlignment="Left" Margin="6" FontFamily="Arial Black" FontSize="10" ></TextBlock>

<Border CornerRadius="3" Grid.Row="3" Grid.Column="1" Grid.ColumnSpan="3" BorderThickness="1" BorderBrush="Black" Background="Transparent">

<Grid Background="White" DataContext="{Binding}" Grid.Row="3" Grid.ColumnSpan="3" Grid.Column="1" Width="auto" HorizontalAlignment="Left" >

<Grid.RowDefinitions>

<RowDefinition Height="Auto"></RowDefinition>

<RowDefinition x:Name="durationRowId" Height="Auto"></RowDefinition>

<RowDefinition x:Name="effortRowId" Height="Auto"></RowDefinition>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto"></ColumnDefinition>

</Grid.ColumnDefinitions>

<TextBlock Text="Start Date" Grid.Row="1" Grid.Column="0" HorizontalAlignment="Left" Margin="6" ></TextBlock>

<!--<telerik:RadDateTimePicker x:Name="txtStartDate" Grid.Row="1" Grid.Column="1" Margin="6" InputMode="DatePicker" HorizontalAlignment="Center" />-->

<TextBox x:Name="txtStartDate" Grid.Row="1" Grid.Column="1" GotFocus="txtStartDate_GotFocus" HorizontalAlignment="Left" Margin="6" Width="110" TabIndex="1" LostFocus="txtStartDate_LostFocus"/>

<Popup x:Name="calPopUp" Grid.Row="2" Grid.Column="1" Margin="6" Visibility="Collapsed" >

<extended:Calendar x:Name="testCal" Visibility="Visible" SelectedDatesChanged="testCal_SelectedDatesChanged" LostFocus="testCal_LostFocus" TabIndex="2" />

</Popup>

<CheckBox x:Name="chkScheduled" Content="Is Time Booking ?" Grid.Row="3" Grid.Column="0" Margin="6" Width="110" HorizontalAlignment="Left" Grid.ColumnSpan="2" Click="chkScheduled_Click" Checked="chkScheduled_Checked" TabIndex="3"/>

<!--<TextBlock Text="Is Time Booking ?" Grid.Row="3" Grid.Column="0" Margin="6" HorizontalAlignment="Center" Grid.ColumnSpan="2"></TextBlock>-->

<TextBlock x:Name="lblStartTime" Text="Start Time" Grid.Row="4" Grid.Column="0" HorizontalAlignment="Left" Margin="6" Visibility="Collapsed"></TextBlock>

<telerik:RadDateTimePicker x:Name="txtStartTime" Grid.Row="4" Grid.Column="1" Margin="6" InputMode="TimePicker" HorizontalAlignment="Left" Visibility="Collapsed" TabIndex="4" SelectionChanged="txtStartTime_SelectionChanged"/>

<TextBlock x:Name="lblEndTime" Text="End Time" Grid.Row="4" Grid.Column="2" HorizontalAlignment="Left" Margin="6" Visibility="Collapsed"></TextBlock>

<telerik:RadDateTimePicker x:Name="txtEndTime" Grid.Row="4" Grid.Column="3" Margin="6" InputMode="TimePicker" HorizontalAlignment="Left" Visibility="Collapsed" TabIndex="5" />

<TextBlock x:Name="lblDuration" Text="Duration(in days)" Grid.Row="5" Grid.Column="0" HorizontalAlignment="Left" Margin="6" ></TextBlock>

<TextBox x:Name="txtDuration" Grid.Row="5" Grid.Column="1" Margin="5" Width="110" HorizontalAlignment="Left" TabIndex="6" LostFocus="txtDuration_LostFocus"/>

<TextBlock x:Name="lblEffort" Text="Effort(in days)" Grid.Row="5" Grid.Column="2" HorizontalAlignment="Left" Margin="6" ></TextBlock>

<TextBox x:Name="txtEffort" Grid.Row="5" Grid.Column="3" HorizontalAlignment="Left" Margin="6" Width="110" LostFocus="txtEffort_LostFocus" TabIndex="7"/>

<!--<TextBlock x:Name="lblScheduleOptions" Text="Schedule Options" Grid.Row="5" Grid.Column="0" Margin="6" Visibility="Collapsed"></TextBlock>

<ComboBox x:Name="cmbScheduleOptions" Grid.Row="5" Grid.Column="1" Margin="6" Width="110" HorizontalAlignment="Left" SelectionChanged="cmbScheduleOptions_SelectionChanged" Visibility="Collapsed"/>

<TextBlock x:Name="lblEndDate" Text="End Date" Grid.Row="6" Grid.Column="0" HorizontalAlignment="Left" Visibility="Collapsed" Margin="6"></TextBlock>

<TextBox x:Name="txtEndDate" Grid.Row="6" Grid.Column="1" GotFocus="txtEndDate_GotFocus" HorizontalAlignment="Left" Visibility="Collapsed" Margin="6" Width="110"/>

<Popup x:Name="calEndDatePopUp" Grid.Row="7" Grid.Column="1" Margin="6" Visibility="Collapsed">

<extended:Calendar x:Name="testEndDateCal" Visibility="Visible" SelectedDatesChanged="testEndDateCal_SelectedDatesChanged" />

</Popup>-->

</Grid>

</Border>

<TextBlock Text="Booking Information" Grid.Row="5" Grid.Column="1" Grid.ColumnSpan="4" HorizontalAlignment="Left" Margin="6" FontFamily="Arial Black" FontSize="10" ></TextBlock>

<Border CornerRadius="3" Grid.Row="6" Grid.Column="1" Grid.ColumnSpan="3" BorderThickness="1" BorderBrush="Black" Background="Transparent">

<!--<ScrollViewer x:Name="svPopup" HorizontalScrollBarVisibility="Auto" Width="Auto" VerticalScrollBarVisibility="Visible">-->

<Grid Background="White" DataContext="{Binding}" Grid.Row="5" Grid.ColumnSpan="3" Grid.Column="1" Width="Auto" Margin="6" HorizontalAlignment="Left">

<Grid.RowDefinitions>

<RowDefinition Height="Auto"></RowDefinition>

<RowDefinition x:Name="resourceRowId" Height="Auto"></RowDefinition>

<RowDefinition Height="Auto"></RowDefinition>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto"></ColumnDefinition>

</Grid.ColumnDefinitions>

<TextBlock Text="Resource" Grid.Row="3" Grid.Column="0" Margin="6"></TextBlock>

<ComboBox x:Name="cmbResource" Grid.Row="3" Grid.Column="1" ItemsSource="{Binding Resources}" Margin="6" Width="110" HorizontalAlignment="Left" TabIndex="8"></ComboBox>

<!--<TextBlock Text="Copied From Booking Id" Grid.Row="3" Grid.Column="2" Grid.ColumnSpan="2" Margin="6" HorizontalAlignment="Left"></TextBlock>

<TextBox x:Name="txtCopiedFromBookingId" Grid.Row="3" Grid.Column="2" Grid.ColumnSpan="2" IsReadOnly="True" Margin="6" Width="110" HorizontalAlignment="Right" TabIndex="9"></TextBox>-->

<TextBlock Text="Project Id" Grid.Row="4" Grid.Column="0" Margin="6"></TextBlock>

<TextBox x:Name="txtProject" LostFocus="txtProject_LostFocus" Grid.Row="4" Grid.Column="1" Margin="6" Width="110" HorizontalAlignment="Left" TabIndex="10"></TextBox>

<TextBlock Text="Client Name" Grid.Row="4" Grid.Column="2" Margin="6"></TextBlock>

<TextBox x:Name="txtClientName" Grid.Row="4" Grid.Column="3" IsReadOnly="True" Margin="6" Width="110" HorizontalAlignment="Left" TabIndex="11"/>

<Line Stroke="Black" X1="1" X2="525" StrokeThickness="1" Grid.Row="5" Grid.Column="0" Grid.ColumnSpan="4"></Line>

<TextBlock Text="Cost Center" Grid.Row="6" Grid.Column="0" Margin="6"></TextBlock>

<TextBox x:Name="txtCostCenter" Grid.Row="6" Grid.Column="1" Margin="6" Width="110" HorizontalAlignment="Left" TabIndex="12"/>

<TextBlock Text="Activity Type" Grid.Row="6" Grid.Column="2" Margin="6"></TextBlock>

<ComboBox x:Name="cmbActivityType" Grid.Row="6" ItemsSource="{Binding ActivityTypes}" SelectedValue="{Binding ActivityType, Mode=TwoWay}" SelectedValuePath="ActivityTypeId" DisplayMemberPath="Name" Grid.Column="3" Margin="6" Width="110" HorizontalAlignment="Left" TabIndex="13" IsDropDownOpen="True"/>

<TextBlock Text="Location" Grid.Row="7" Grid.Column="0" Margin="6"></TextBlock>

<TextBox x:Name="txtLocation" Grid.Row="7" Grid.Column="1" Margin="6" Width="110" HorizontalAlignment="Left" TabIndex="14"></TextBox>

<TextBlock Text="Is Payable Work" Grid.Row="7" Grid.Column="2" Margin="6"></TextBlock>

<CheckBox x:Name="chkIsPayableWork" Grid.Row="7" Grid.Column="3" Margin="6" Width="110" IsChecked="True" HorizontalAlignment="Left" TabIndex="15"/>

<TextBlock Text="Course Name" Grid.Row="8" Grid.Column="0" Margin="6"></TextBlock>

<TextBox x:Name="txtCourseName" Grid.Row="8" Grid.Column="1" Grid.ColumnSpan="3" Margin="6" Width="360" HorizontalAlignment="Left" TabIndex="16"/>

<Line Stroke="Black" X1="1" X2="525" StrokeThickness="1" Grid.Row="9" Grid.Column="0" Grid.ColumnSpan="4"></Line>

<TextBlock Text="Cost Currency" Grid.Row="10" Grid.Column="0" Margin="6"></TextBlock>

<!--<TextBox x:Name="txtCostCurrency" Grid.Row="10" Grid.Column="1" Margin="6" Width="110" HorizontalAlignment="Left" TabIndex="17" Visibility="Collapsed"/>-->

<ComboBox x:Name="cmbCostCurrency" Grid.Row="10" ItemsSource="{Binding Currency}" SelectedValue="{Binding Currency, Mode=TwoWay}" SelectedValuePath="CuurencyId" DisplayMemberPath="Code" Grid.Column="1" Margin="6" Width="110" HorizontalAlignment="Left" TabIndex="17" IsDropDownOpen="True"/>

<TextBlock Text="Cost Amount" Grid.Row="10" Grid.Column="2" Margin="6"></TextBlock>

<TextBox x:Name="txtCostAmount" Grid.Row="10" Grid.Column="3" Margin="6" Width="110" HorizontalAlignment="Left" LostFocus="txtCostAmount_LostFocus" TabIndex="18" />

<TextBlock Text="Cancellation Cost Amount" Grid.Row="11" Grid.Column="0" Margin="6"></TextBlock>

<TextBox x:Name="txtCancellationCostAmount" Grid.Row="11" Grid.Column="1" Margin="6" Width="110" HorizontalAlignment="Left" LostFocus="txtCancellationCostAmount_LostFocus" TabIndex="19"/>

<Line Stroke="Black" X1="1" X2="525" StrokeThickness="1" Grid.Row="12" Grid.Column="0" Grid.ColumnSpan="4"></Line>

<TextBlock Text="PO Number" Grid.Row="12" Grid.Column="0" Margin="6"></TextBlock>

<TextBox x:Name="txtOrderNumber" Grid.Row="12" Grid.Column="1" Margin="6" Width="110" HorizontalAlignment="Left" TabIndex="20"/>

<TextBlock Text="PI Number" Grid.Row="12" Grid.Column="2" Margin="6"></TextBlock>

<TextBox x:Name="txtInvoiceNumber" Grid.Row="12" Grid.Column="3" Margin="6" Width="110" HorizontalAlignment="Left" TabIndex="21"/>

<!--<TextBlock Text="Invoice Number" Grid.Row="8" Grid.Column="2" Margin="6"></TextBlock>

<TextBox x:Name="txtInvoiceNumber" Grid.Row="8" Grid.Column="3" Margin="6" Width="110" HorizontalAlignment="Left"/>-->

<TextBlock Text="PI Reconciled" Grid.Row="13" Grid.Column="0" Margin="6"></TextBlock>

<CheckBox x:Name="chkInvoiceReconciled" Grid.Row="13" Grid.Column="1" Margin="6" Width="110" HorizontalAlignment="Left" TabIndex="22"/>

<Line Stroke="Black" X1="1" X2="525" StrokeThickness="1" Grid.Row="14" Grid.Column="0" Grid.ColumnSpan="4"></Line>

<TextBlock Text="Note" Grid.Row="16" Grid.Column="0" Margin="6"></TextBlock>

<TextBox x:Name="txtNote" Grid.Row="16" Grid.Column="1" TextWrapping="Wrap" VerticalScrollBarVisibility="Auto" Grid.ColumnSpan="3" Margin="6" Height="50" Width="360" HorizontalAlignment="Left" TabIndex="23"/>

</Grid>

</Border>

<!--<TextBlock Text="Booking Status" Grid.Row="6" Grid.Column="1" Height="25" HorizontalAlignment="Center" ></TextBlock>-->

<ComboBox x:Name="cmbBookingStatus" Grid.Row="8" ItemsSource="{Binding BookingStatuses}" Grid.Column="2" Width="110" Height="30" HorizontalAlignment="Left" TabIndex="24"/>

<Button x:Name="btnSave" Content="Save" Click="btnSave_Click" Height="30" Margin="10" Grid.Column="2" Width="100" Grid.Row="8" HorizontalAlignment="Right" VerticalAlignment="Center" TabIndex="25"/>

<Button x:Name="btnCancel" Content="Cancel" Click="btnCancel_Click" Height="30" Grid.Column="3" Width="100" Grid.Row="8" HorizontalAlignment="Left" VerticalAlignment="Center" TabIndex="26"/>

</Grid>

</StackPanel>

</Border>

</Grid>

</Popup>

</Grid>

</UserControl>

Waiting for quick reply. Thanks a lot for your support !!!
-Alapan Sur

answered on 15 Sep 2011, 08:06 AM

AppointmentStyleSelector-OfficeBLack-SL.zip

Hi Alapan,

Yes, the solution is the same for any theme. I have attached here the AppointmentStyleSelector xaml code for Office Black theme. You can use it for reference.

I can see you are already using the selector in your project. However you are missing the appointment item control templates. You should hide the button namely in both control templates of the appointment item.

I hope this will be helpful.

Kind regards,
Dani
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

answered on 14 Dec 2011, 12:35 AM

Hi Boyan,

I got the Themes solution from the installed directory. I brought up the Themes_WPF.sln solution in Visual Studio. I then selected the OfficeBlack_WPF project. This Project does not include ScheduleView.xaml. However the directory .../Themes/OfficeBlack/Themes/Office/Black does have this file. When I added the file into the project I get errors.

Also, I am confused about the following. In our application we included a refrence to ScheduleView.dll. In order to get rid of the delete button we change the Office_Black.dll. Should our application have a refrence to Office_Black.dll?

Franz

answered on 14 Dec 2011, 12:37 AM

answered on 14 Dec 2011, 03:17 PM

AppointmentItemStyleSelector.zip

Hello Franz,

Since OfficeBlack is the default theme, you do not need to add a reference for OfficeBlack theme assembly in your project.

When in Themes_WPF, click the Show All Files option in the Solution Explorer to see the ScheduleView.xaml file. If it is still not visible, rebuild the solution, it will be generated.

Please, find attached a sample which illustrates how to use the AppointmentItemStyleSelector and how to add a custom element in the place of the original DeleteButton. Search for NOTE to check modified spots.

I hope this helps.

All the best,
Dani
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

answered on 19 Dec 2011, 12:18 AM

Calendar.png

Hi Dani,

I followed your example and implemented the AppointmentItemStyleSelector. This way I removed the Delete button and chose the TextTrimming of subject text I need. Now I have some more requirements which I dont't know how to do. They are all for the monthly view. Attached is a screenshot.:

(1) I need to have the time in front of the subject like: 10AM Nick thFri 8. Should this be done in AppointmentStyleSelector as well, or is there a simpler way? See (1) in attached screen shot.

(2) I need to eliminate the vertical text on the left that denotes the week. See(2) in the attached screen shot. Give me guidance on how to achieve that.

(3) I need a very clear visual cue denoting the days that are not part of the month. I would prefer a different color for whole area that represents those days. See (3) in the attached picture. Again give me guidance on how to achieve that.

Thanks,
Franz

answered on 19 Dec 2011, 05:15 PM

RadScheduleView-customizations.zip

Hello Franz,

I prepared a sample project demonstrating how you can achieve these customizations. Please, serach for the word NOTE to see the few modified spots.

Additionally, s few explanational notes:

1) If you wish to modify the content of the appointment item (and not the styling), you can redefine the ContentTemplate of the appointment item via the AppointmentItemTemplate

2) Implement the GroupHeaderStyleSelector, find the MonthViewBottomLevelWeekGroupStyle and set its Width to 0. Remember not to edit settings for Opacity of Visibility, because this can harm recycling of appointments

3) You are referring to the GoToDayButton, which is part of the TimeRulerItemStyleSelector. You can customize this button to fit your requirements.

I hope this information will be helpful.

Kind regards,
Dani
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

answered on 28 Dec 2011, 02:17 PM

Hello Franz,

Styling slots from the previous or next month differently can be done with the SpecialSlotStyleSelector.

The SpecialSlotStyleSelector contains styles for the HighlightItems or slots, which are exactly the elements you need to style.

Provide a default MonthViewStyle and DifferentMonthViewStyle, for example, and in the body of the selector apply the new styles accordingly.

More information on the selector can be found here. Check also the Special and ReadOnly slots example.

I hope this helps.

Regards,
Dani
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

answered on 29 Dec 2011, 10:58 PM

Image-6.png

Image-7.png

Thanks for the directions, they helped a lot with the implementation.

Our clients are elderly and people with disabilities. They get easily disoriented and overwhelmed with too much adornments and chrome. For that reason I want to make a few cleanups. They are described below and screenshots are attached.

1 - 3 are for Day View
(1) I want to add the Day Name in front of the date. Should read Thursday 29 December 2011.
(3) Want to eliminate the whole line.
(2) Want to eliminate all 3 widget. We have our own navigation for moving forward and backward.

(4) Week View.. I want to increase the height of the header that contains the day dates and names, because the text is chopped off on the bottom.

Franz

answered on 03 Jan 2012, 01:31 PM

Hi Franz,

I think it is best if you hide RadScheduleView navigation header and use your own header. You can do that by setting NavigationHeaderVisibility="Collapsed" on RadScheduleView. Then, add buttons with the needed Commands to be able to switch between views.

A similar scenario was realized in RadScheduleView FirstLook example. Please, check it here.

In short:

1) To change the string formatting of the current date text, you can bind to VisibleRange and apply an appropriate string formatting specifier. For example:

<StackPanel Orientation="Horizontal">

<TextBlock Text="{Binding VisibleRange.Start, StringFormat=dddd dd MMMM yyyy, ElementName=sv}"

VerticalAlignment="Center" Margin="10 0" Foreground="#FF767676" />

<TextBlock Text="{Binding VisibleRange.End, StringFormat=dddd dd MMMM yyyy, ElementName=sv}"

VerticalAlignment="Center" Margin="10 0" Foreground="#FF767676" />

</StackPanel>

The above will be visible in all views, so to display only the date start in DayView, you can hide the date end for this particular view.

2) Removing the header using NavigationHeaderVisibility will do

3) You will need to implement the GroupHeaderStyleSelector and modify its HorizontalBottomLevelTodayGroupHeaderStyle. Set the height property to 0:

<Style x:Key="HorizontalBottomLevelTodayGroupHeaderStyle" BasedOn="{StaticResource GroupHeaderBaseStyle}" TargetType="telerik:GroupHeader">

...

<Setter Property="Height" Value="0" />

</Style>

4) Set MinHeight to the HorizontalBottomLevelGroupHeaderStyle, which is also part of the GroupHeaderStyleSelector.

Please, note that HorizontalBottomLevelTodayGroupHeaderStyle is displayed both in DayView and WeekView. Hiding it in DayView, will also prevent it from displaying in WeekView. To avoid that, you can create your custom GroupHeaderStyleSelector and supply an additional Style for the same today bottom-level group headers with normal height rather than Height="0".

I hope this will be helpful.

Kind regards,
Dani
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Wanted to Remove/Hide Delete Icon/Button

17 Answers, 1 is accepted