Wanted to Remove/Hide Delete Icon/Button

18 posts, 0 answers
  1. Alapan
    Alapan avatar
    15 posts
    Member since:
    Jul 2011

    Posted 13 Sep 2011 Link to this post

    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
  2. Dani
    Admin
    Dani avatar
    848 posts

    Posted 13 Sep 2011 Link to this post

    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 >>
  3. DevCraft banner
  4. Alapan
    Alapan avatar
    15 posts
    Member since:
    Jul 2011

    Posted 13 Sep 2011 Link to this post

    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: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>
     
            <!--start Teleric libraries for binding data-->
            <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"/>
            <!--end Teleric libraries for displaying data-->
            <!--local view model class is used to bind the data on to scheduleview control-->
            <local:SchedulerViewModel x:Key="ViewModel" />
     
            <!--start brushes used for styling-->
            <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" />
            <!--end brushes-->
            <!--start content for edit appointment template-->
            <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="*" />
                                <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="*" />
                                <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="Auto" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <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" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
     
                            <ColumnDefinition Width="120" />
                            <ColumnDefinition Width="*" />
                            <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>
     
                    <!-- Resource Editor -->
                    <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>
            <!--end content for edit appointment template-->
            <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" />
                <!--<Setter Property="MinHeight" Value="70" />-->
            </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>
     
            <!--start styling saturdays sundays and weekdays background-->
            <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>
            <!--end styling saturday sunday and weekdays-->
     
            <DataTemplate x:Key="AppointmentItemTemplate">
                <Grid VerticalAlignment="Top">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"></RowDefinition>
                        <RowDefinition Height="Auto"></RowDefinition>
                        <RowDefinition Height="Auto"></RowDefinition>
                        <RowDefinition Height="Auto"></RowDefinition>
                        <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" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="100"></RowDefinition>
                                <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="*" />
                <!--<RowDefinition Height="250"></RowDefinition>-->
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <!--<ColumnDefinition Width="225" />-->
                <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 Width="225" />-->
                        <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" >
                            <!-- Top Right Close Button -->
     
                            <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="Auto"></RowDefinition>
                                    <RowDefinition Height="Auto"></RowDefinition>
                                    <RowDefinition Height="Auto"></RowDefinition>
                                    <RowDefinition Height="10"></RowDefinition>
                                    <RowDefinition Height="Auto"></RowDefinition>
                                    <RowDefinition Height="Auto"></RowDefinition>
                                    <RowDefinition Height="Auto"></RowDefinition>
                                    <RowDefinition Height="Auto"></RowDefinition>
                                </Grid.RowDefinitions>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="10" ></ColumnDefinition>
                                    <ColumnDefinition Width="Auto" ></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 Height="Auto"></RowDefinition>
                                            <RowDefinition Height="Auto"></RowDefinition>
                                            <RowDefinition Height="Auto"></RowDefinition>
                                            <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>
                                            <ColumnDefinition Width="Auto"></ColumnDefinition>
                                            <ColumnDefinition Width="Auto"></ColumnDefinition>
                                            <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>-->
     
                                        <!--<TextBlock Text="Check in" Grid.Row="5" Grid.Column="0" Margin="6"  Foreground="#FF000000" />-->
     
     
     
                                    </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 Height="Auto"></RowDefinition>
                                            <RowDefinition Height="Auto"></RowDefinition>
                                            <RowDefinition x:Name="resourceRowId" Height="Auto"></RowDefinition>
                                            <RowDefinition Height="Auto"></RowDefinition>
                                            <RowDefinition Height="Auto"></RowDefinition>
                                            <RowDefinition Height="Auto"></RowDefinition>
                                            <RowDefinition Height="Auto"></RowDefinition>
                                            <RowDefinition Height="Auto"></RowDefinition>
                                            <RowDefinition Height="Auto"></RowDefinition>
                                            <RowDefinition Height="Auto"></RowDefinition>
                                            <RowDefinition Height="Auto"></RowDefinition>
                                            <RowDefinition Height="Auto"></RowDefinition>
                                            <RowDefinition Height="Auto"></RowDefinition>
                                            <RowDefinition Height="Auto"></RowDefinition>
                                            <RowDefinition Height="Auto"></RowDefinition>
                                            <RowDefinition Height="Auto"></RowDefinition>
                                        </Grid.RowDefinitions>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="Auto"></ColumnDefinition>
                                            <ColumnDefinition Width="Auto"></ColumnDefinition>
                                            <ColumnDefinition Width="Auto"></ColumnDefinition>
                                            <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>
                                    <!--</ScrollViewer>-->
                                </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
  5. Dani
    Admin
    Dani avatar
    848 posts

    Posted 15 Sep 2011 Link to this post

    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 >>
  6. Kjell
    Kjell avatar
    276 posts
    Member since:
    Jun 2010

    Posted 18 Nov 2011 Link to this post

    Hi, sorry for the trouble but can someone provide a full project showing how to implement the selector?  I am having a lot of trouble with it and I am probably missing something really basic/obvious but just can't find it.
  7. Kjell
    Kjell avatar
    276 posts
    Member since:
    Jun 2010

    Posted 18 Nov 2011 Link to this post

    Nevermind, I figured out what I was doing wrong, the example works great!  :)
  8. Franz Huber
    Franz Huber avatar
    7 posts
    Member since:
    Dec 2009

    Posted 06 Dec 2011 Link to this post

    I have the same problem. I downloaded the AppointmentStyleSelector-OfficeBlack file. I do not know how to use it. Could you send me a sketch on how to do that,  where to put it and how to convince the radsheduleview to use it.

    Franz
  9. Boyan
    Admin
    Boyan avatar
    758 posts

    Posted 09 Dec 2011 Link to this post

    Hello Franz ,

    Here is how to do this very easy. Just follow the instructions from this Help Article, find the ScheduleView.xaml  then search for x:Name="DeleteButton" and delete it, then rebuild the theme project and apply it. Note that there are two buttons with the same Name-one in the AppointmentItemVerticalControlTemplate and one in AppointmentItemHorizontalControlTemplate. You can delete them both.


    Regards,
    Boyan
    the Telerik team

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

  10. Franz Huber
    Franz Huber avatar
    7 posts
    Member since:
    Dec 2009

    Posted 13 Dec 2011 Link to this post

    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
  11. Franz Huber
    Franz Huber avatar
    7 posts
    Member since:
    Dec 2009

    Posted 13 Dec 2011 Link to this post

    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
  12. Dani
    Admin
    Dani avatar
    848 posts

    Posted 14 Dec 2011 Link to this post

    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 >>
  13. Franz Huber
    Franz Huber avatar
    7 posts
    Member since:
    Dec 2009

    Posted 18 Dec 2011 Link to this post

    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
  14. Dani
    Admin
    Dani avatar
    848 posts

    Posted 19 Dec 2011 Link to this post

    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 >>
  15. Franz Huber
    Franz Huber avatar
    7 posts
    Member since:
    Dec 2009

    Posted 27 Dec 2011 Link to this post

    Thanks. I implemented everything (except #3) following your explanation. For number 3 I need the following; On the Monthly View I need a visual indication that certain days at the beginning and/or end do not belong to the current month. I attached a screen shot from Outlook which clearly shows that at the beginning Days 27, 28,29, 30 are not part of of December. Outlook uses a  blue background versus white background. Something like that would work well for our application.

    Franz
  16. Franz Huber
    Franz Huber avatar
    7 posts
    Member since:
    Dec 2009

    Posted 27 Dec 2011 Link to this post

    Sorry, I forgot to attach the screenshot. Here it is.
  17. Dani
    Admin
    Dani avatar
    848 posts

    Posted 28 Dec 2011 Link to this post

    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 >>
  18. Franz Huber
    Franz Huber avatar
    7 posts
    Member since:
    Dec 2009

    Posted 29 Dec 2011 Link to this post

    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
  19. Dani
    Admin
    Dani avatar
    848 posts

    Posted 03 Jan 2012 Link to this post

    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 >>
Back to Top
DevCraft banner