Once I've started creating a new template using Expression Blend, The SuggestedActios Part disappears even using the default style created by Blend,
Kindly check the style
<
Style
x:Key
=
"RadChatStyle2"
TargetType
=
"{x:Type telerik:RadChat}"
>
<
Setter
Property
=
"FontFamily"
Value
=
"{telerik:Windows8Resource ResourceKey={x:Static telerik:Windows8ResourceKey.FontFamily}}"
/>
<
Setter
Property
=
"Foreground"
Value
=
"{telerik:Windows8Resource ResourceKey={x:Static telerik:Windows8ResourceKey.MarkerBrush}}"
/>
<
Setter
Property
=
"Background"
Value
=
"{telerik:Windows8Resource ResourceKey={x:Static telerik:Windows8ResourceKey.MainBrush}}"
/>
<
Setter
Property
=
"BorderBrush"
Value
=
"{telerik:Windows8Resource ResourceKey={x:Static telerik:Windows8ResourceKey.BasicBrush}}"
/>
<
Setter
Property
=
"BorderThickness"
Value
=
"1"
/>
<
Setter
Property
=
"MessageListTemplateSelector"
>
<
Setter.Value
>
<
ConversationalUI:MessageTemplateSelector
>
<
ConversationalUI:MessageTemplateSelector.CalendarMessageTemplate
>
<
DataTemplate
>
<
telerik:RadCalendar
DisplayDate
=
"{Binding DisplayDate}"
SelectedDate
=
"{Binding SelectedDate, Mode=TwoWay}"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.CalendarMessageTemplate
>
<
ConversationalUI:MessageTemplateSelector.CarouselTemplate
>
<
DataTemplate
>
<
ConversationalUI:CarouselCard
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.CarouselTemplate
>
<
ConversationalUI:MessageTemplateSelector.CardTemplate
>
<
DataTemplate
>
<
ConversationalUI:Card
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.CardTemplate
>
<
ConversationalUI:MessageTemplateSelector.DataFormTemplate
>
<
DataTemplate
>
<
ItemsControl
Margin
=
"5"
MinWidth
=
"220"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.DataFormTemplate
>
<
ConversationalUI:MessageTemplateSelector.FlightCardTemplate
>
<
DataTemplate
>
<
ConversationalUI:FlightCard
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.FlightCardTemplate
>
<
ConversationalUI:MessageTemplateSelector.GifTemplate
>
<
DataTemplate
>
<
MediaElement
Height
=
"{Binding Size.Height}"
LoadedBehavior
=
"Play"
Position
=
"0"
Source
=
"{Binding Source}"
Stretch
=
"{Binding Stretch}"
SpeedRatio
=
"1"
UnloadedBehavior
=
"Play"
Width
=
"{Binding Size.Width}"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.GifTemplate
>
<
ConversationalUI:MessageTemplateSelector.ImageCardTemplate
>
<
DataTemplate
>
<
ConversationalUI:ImageCard
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.ImageCardTemplate
>
<
ConversationalUI:MessageTemplateSelector.ImageTemplate
>
<
DataTemplate
>
<
Image
Height
=
"{Binding Size.Height}"
Source
=
"{Binding Source}"
Stretch
=
"{Binding Stretch}"
Width
=
"{Binding Size.Width}"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.ImageTemplate
>
<
ConversationalUI:MessageTemplateSelector.ListMessageTemplate
>
<
DataTemplate
>
<
telerik:RadListBox
DisplayMemberPath
=
"{Binding DisplayMemberPath}"
IsSynchronizedWithCurrentItem
=
"False"
IsTabStop
=
"False"
ItemTemplate
=
"{Binding ItemTemplate}"
IsTextSearchEnabled
=
"True"
MinWidth
=
"220"
SelectedIndex
=
"{Binding SelectedIndex, Mode=TwoWay}"
SelectedItem
=
"{Binding SelectedItem, Mode=TwoWay}"
SelectedValueBinding
=
"{x:Null}"
SelectionMode
=
"{Binding SelectionMode}"
TextBinding
=
"{x:Null}"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.ListMessageTemplate
>
<
ConversationalUI:MessageTemplateSelector.ProductCardTemplate
>
<
DataTemplate
>
<
ConversationalUI:ProductCard
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.ProductCardTemplate
>
<
ConversationalUI:MessageTemplateSelector.TextMessageTemplate
>
<
DataTemplate
>
<
ConversationalUI:TextMessageControl
Stylus.IsFlicksEnabled
=
"False"
Stylus.IsPressAndHoldEnabled
=
"False"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.TextMessageTemplate
>
<
ConversationalUI:MessageTemplateSelector.WeatherCardTemplate
>
<
DataTemplate
>
<
ConversationalUI:WeatherCard
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.WeatherCardTemplate
>
</
ConversationalUI:MessageTemplateSelector
>
</
Setter.Value
>
</
Setter
>
<
Setter
Property
=
"MessagePopupTemplateSelector"
>
<
Setter.Value
>
<
ConversationalUI:MessageTemplateSelector
>
<
ConversationalUI:MessageTemplateSelector.CalendarMessageTemplate
>
<
DataTemplate
>
<
telerik:RadCalendar
DisplayDate
=
"{Binding DisplayDate}"
SelectedDate
=
"{Binding SelectedDate, Mode=TwoWay}"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.CalendarMessageTemplate
>
<
ConversationalUI:MessageTemplateSelector.CarouselTemplate
>
<
DataTemplate
>
<
ConversationalUI:CarouselCard
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.CarouselTemplate
>
<
ConversationalUI:MessageTemplateSelector.CardTemplate
>
<
DataTemplate
>
<
ConversationalUI:Card
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.CardTemplate
>
<
ConversationalUI:MessageTemplateSelector.DataFormTemplate
>
<
DataTemplate
>
<
ItemsControl
Margin
=
"5"
MinWidth
=
"220"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.DataFormTemplate
>
<
ConversationalUI:MessageTemplateSelector.FlightCardTemplate
>
<
DataTemplate
>
<
ConversationalUI:FlightCard
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.FlightCardTemplate
>
<
ConversationalUI:MessageTemplateSelector.GifTemplate
>
<
DataTemplate
>
<
MediaElement
Height
=
"{Binding Size.Height}"
LoadedBehavior
=
"Play"
Position
=
"0"
Source
=
"{Binding Source}"
Stretch
=
"{Binding Stretch}"
SpeedRatio
=
"1"
UnloadedBehavior
=
"Play"
Width
=
"{Binding Size.Width}"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.GifTemplate
>
<
ConversationalUI:MessageTemplateSelector.ImageCardTemplate
>
<
DataTemplate
>
<
ConversationalUI:ImageCard
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.ImageCardTemplate
>
<
ConversationalUI:MessageTemplateSelector.ImageTemplate
>
<
DataTemplate
>
<
Image
Height
=
"{Binding Size.Height}"
Source
=
"{Binding Source}"
Stretch
=
"{Binding Stretch}"
Width
=
"{Binding Size.Width}"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.ImageTemplate
>
<
ConversationalUI:MessageTemplateSelector.ListMessageTemplate
>
<
DataTemplate
>
<
telerik:RadListBox
DisplayMemberPath
=
"{Binding DisplayMemberPath}"
IsSynchronizedWithCurrentItem
=
"False"
IsTabStop
=
"False"
ItemTemplate
=
"{Binding ItemTemplate}"
IsTextSearchEnabled
=
"True"
MinWidth
=
"220"
SelectedIndex
=
"{Binding SelectedIndex, Mode=TwoWay}"
SelectedItem
=
"{Binding SelectedItem, Mode=TwoWay}"
SelectedValueBinding
=
"{x:Null}"
SelectionMode
=
"{Binding SelectionMode}"
TextBinding
=
"{x:Null}"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.ListMessageTemplate
>
<
ConversationalUI:MessageTemplateSelector.ProductCardTemplate
>
<
DataTemplate
>
<
ConversationalUI:ProductCard
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.ProductCardTemplate
>
<
ConversationalUI:MessageTemplateSelector.TextMessageTemplate
>
<
DataTemplate
>
<
ConversationalUI:TextMessageControl
Stylus.IsFlicksEnabled
=
"False"
Stylus.IsPressAndHoldEnabled
=
"False"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.TextMessageTemplate
>
<
ConversationalUI:MessageTemplateSelector.WeatherCardTemplate
>
<
DataTemplate
>
<
ConversationalUI:WeatherCard
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.WeatherCardTemplate
>
</
ConversationalUI:MessageTemplateSelector
>
</
Setter.Value
>
</
Setter
>
<
Setter
Property
=
"MessageOverlayTemplateSelector"
>
<
Setter.Value
>
<
ConversationalUI:MessageTemplateSelector
>
<
ConversationalUI:MessageTemplateSelector.CalendarMessageTemplate
>
<
DataTemplate
>
<
telerik:RadCalendar
DisplayDate
=
"{Binding DisplayDate}"
SelectedDate
=
"{Binding SelectedDate, Mode=TwoWay}"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.CalendarMessageTemplate
>
<
ConversationalUI:MessageTemplateSelector.CarouselTemplate
>
<
DataTemplate
>
<
ConversationalUI:CarouselCard
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.CarouselTemplate
>
<
ConversationalUI:MessageTemplateSelector.CardTemplate
>
<
DataTemplate
>
<
ConversationalUI:Card
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.CardTemplate
>
<
ConversationalUI:MessageTemplateSelector.DataFormTemplate
>
<
DataTemplate
>
<
ItemsControl
Margin
=
"5"
MinWidth
=
"220"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.DataFormTemplate
>
<
ConversationalUI:MessageTemplateSelector.FlightCardTemplate
>
<
DataTemplate
>
<
ConversationalUI:FlightCard
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.FlightCardTemplate
>
<
ConversationalUI:MessageTemplateSelector.GifTemplate
>
<
DataTemplate
>
<
MediaElement
Height
=
"{Binding Size.Height}"
LoadedBehavior
=
"Play"
Position
=
"0"
Source
=
"{Binding Source}"
Stretch
=
"{Binding Stretch}"
SpeedRatio
=
"1"
UnloadedBehavior
=
"Play"
Width
=
"{Binding Size.Width}"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.GifTemplate
>
<
ConversationalUI:MessageTemplateSelector.ImageCardTemplate
>
<
DataTemplate
>
<
ConversationalUI:ImageCard
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.ImageCardTemplate
>
<
ConversationalUI:MessageTemplateSelector.ImageTemplate
>
<
DataTemplate
>
<
Image
Height
=
"{Binding Size.Height}"
Source
=
"{Binding Source}"
Stretch
=
"{Binding Stretch}"
Width
=
"{Binding Size.Width}"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.ImageTemplate
>
<
ConversationalUI:MessageTemplateSelector.ListMessageTemplate
>
<
DataTemplate
>
<
telerik:RadListBox
DisplayMemberPath
=
"{Binding DisplayMemberPath}"
IsSynchronizedWithCurrentItem
=
"False"
IsTabStop
=
"False"
ItemTemplate
=
"{Binding ItemTemplate}"
IsTextSearchEnabled
=
"True"
MinWidth
=
"220"
SelectedIndex
=
"{Binding SelectedIndex, Mode=TwoWay}"
SelectedItem
=
"{Binding SelectedItem, Mode=TwoWay}"
SelectedValueBinding
=
"{x:Null}"
SelectionMode
=
"{Binding SelectionMode}"
TextBinding
=
"{x:Null}"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.ListMessageTemplate
>
<
ConversationalUI:MessageTemplateSelector.ProductCardTemplate
>
<
DataTemplate
>
<
ConversationalUI:ProductCard
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.ProductCardTemplate
>
<
ConversationalUI:MessageTemplateSelector.TextMessageTemplate
>
<
DataTemplate
>
<
ConversationalUI:TextMessageControl
Stylus.IsFlicksEnabled
=
"False"
Stylus.IsPressAndHoldEnabled
=
"False"
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.TextMessageTemplate
>
<
ConversationalUI:MessageTemplateSelector.WeatherCardTemplate
>
<
DataTemplate
>
<
ConversationalUI:WeatherCard
/>
</
DataTemplate
>
</
ConversationalUI:MessageTemplateSelector.WeatherCardTemplate
>
</
ConversationalUI:MessageTemplateSelector
>
</
Setter.Value
>
</
Setter
>
<
Setter
Property
=
"FocusVisualStyle"
Value
=
"{x:Null}"
/>
<
Setter
Property
=
"IsTabStop"
Value
=
"False"
/>
<
Setter
Property
=
"Template"
>
<
Setter.Value
>
<
ControlTemplate
TargetType
=
"{x:Type telerik:RadChat}"
>
<
Grid
>
<
Border
BorderBrush
=
"{TemplateBinding BorderBrush}"
BorderThickness
=
"{TemplateBinding BorderThickness}"
Background
=
"{TemplateBinding Background}"
SnapsToDevicePixels
=
"True"
>
<
Grid
>
<
Grid.RowDefinitions
>
<
RowDefinition
/>
<
RowDefinition
Height
=
"Auto"
/>
<
RowDefinition
Height
=
"Auto"
/>
<
RowDefinition
Height
=
"Auto"
/>
<
RowDefinition
Height
=
"48"
/>
<
RowDefinition
Height
=
"Auto"
/>
</
Grid.RowDefinitions
>
<
ConversationalUI:ChatMessageList
x:Name
=
"PART_MessageList"
Margin
=
"{TemplateBinding Padding}"
Grid.Row
=
"0"
/>
<
ConversationalUI:ChatPopupPlaceholder
x:Name
=
"PART_PopupPlaceholder"
BorderBrush
=
"{TemplateBinding BorderBrush}"
Grid.Row
=
"1"
Visibility
=
"Collapsed"
/>
<
ItemsControl
x:Name
=
"PART_SuggestionItemsControl"
Stylus.IsFlicksEnabled
=
"False"
Stylus.IsPressAndHoldEnabled
=
"False"
ConversationalUI:ScrollViewerScrollingHelper.IsEnabled
=
"True"
Padding
=
"12,16,5,12"
Grid.Row
=
"2"
Visibility
=
"{Binding SuggestedActionsVisibility, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type telerik:RadChat}}}"
>
<
ItemsControl.ItemsPanel
>
<
ItemsPanelTemplate
>
<
VirtualizingStackPanel
IsItemsHost
=
"True"
Orientation
=
"Horizontal"
/>
</
ItemsPanelTemplate
>
</
ItemsControl.ItemsPanel
>
<
ItemsControl.ItemTemplate
>
<
DataTemplate
>
<
telerik:RadButton
BorderBrush
=
"{DynamicResource {x:Static telerik:Windows8ResourceKey.AccentBrush}}"
BorderThickness
=
"2"
Background
=
"{DynamicResource {x:Static telerik:Windows8ResourceKey.AccentBrush}}"
CommandParameter
=
"{Binding RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type telerik:RadChat}}}"
Command
=
"{Binding Command}"
Foreground
=
"{DynamicResource {x:Static telerik:Windows8ResourceKey.MainBrush}}"
Stylus.IsFlicksEnabled
=
"False"
InnerCornerRadius
=
"0"
Stylus.IsPressAndHoldEnabled
=
"False"
Margin
=
"0,0,10,0"
MinHeight
=
"28"
telerik:TouchManager.ShouldSuspendMousePromotion
=
"True"
>
<
StackPanel
Orientation
=
"Horizontal"
>
<
Image
Height
=
"16"
Source
=
"{Binding Icon}"
Stretch
=
"UniformToFill"
Width
=
"16"
>
<
Image.Clip
>
<
EllipseGeometry
Center
=
"8,8"
RadiusY
=
"8"
RadiusX
=
"8"
/>
</
Image.Clip
>
<
Image.Visibility
>
<
Binding
Path
=
"Source"
RelativeSource
=
"{RelativeSource Self}"
>
<
Binding.Converter
>
<
telerik:NullToVisibilityConverter
/>
</
Binding.Converter
>
</
Binding
>
</
Image.Visibility
>
</
Image
>
<
TextBlock
Margin
=
"{Binding Padding, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type telerik:RadButton}}}"
Text
=
"{Binding Text}"
VerticalAlignment
=
"Center"
>
<
TextBlock.Visibility
>
<
Binding
Path
=
"Text"
RelativeSource
=
"{RelativeSource Self}"
>
<
Binding.Converter
>
<
telerik:NullToVisibilityConverter
/>
</
Binding.Converter
>
</
Binding
>
</
TextBlock.Visibility
>
</
TextBlock
>
</
StackPanel
>
</
telerik:RadButton
>
</
DataTemplate
>
</
ItemsControl.ItemTemplate
>
<
ItemsControl.Template
>
<
ControlTemplate
TargetType
=
"{x:Type ItemsControl}"
>
<
ScrollViewer
BorderThickness
=
"0"
Background
=
"{x:Null}"
HorizontalScrollBarVisibility
=
"Auto"
>
<
ScrollViewer.Style
>
<
Style
TargetType
=
"{x:Type ScrollViewer}"
>
<
Setter
Property
=
"Template"
>
<
Setter.Value
>
<
ControlTemplate
TargetType
=
"{x:Type ScrollViewer}"
>
<
Border
BorderBrush
=
"{TemplateBinding BorderBrush}"
BorderThickness
=
"{TemplateBinding BorderThickness}"
Background
=
"{TemplateBinding Background}"
SnapsToDevicePixels
=
"True"
>
<
Grid
>
<
ScrollContentPresenter
x:Name
=
"PART_ScrollContentPresenter"
CanContentScroll
=
"{TemplateBinding CanContentScroll}"
CanHorizontallyScroll
=
"False"
CanVerticallyScroll
=
"False"
ContentTemplate
=
"{TemplateBinding ContentTemplate}"
Content
=
"{TemplateBinding Content}"
Margin
=
"{TemplateBinding Padding}"
/>
<
ScrollBar
x:Name
=
"PART_VerticalScrollBar"
AutomationProperties.AutomationId
=
"VerticalScrollBar"
Cursor
=
"Arrow"
HorizontalAlignment
=
"Right"
Maximum
=
"{TemplateBinding ScrollableHeight}"
Minimum
=
"0"
Visibility
=
"{TemplateBinding ComputedVerticalScrollBarVisibility}"
Value
=
"{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}"
ViewportSize
=
"{TemplateBinding ViewportHeight}"
/>
<
ScrollBar
x:Name
=
"PART_HorizontalScrollBar"
AutomationProperties.AutomationId
=
"HorizontalScrollBar"
Cursor
=
"Arrow"
Maximum
=
"{TemplateBinding ScrollableWidth}"
Minimum
=
"0"
Orientation
=
"Horizontal"
telerik:TouchManager.TouchMode
=
"None"
Visibility
=
"{TemplateBinding ComputedHorizontalScrollBarVisibility}"
Value
=
"{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}"
ViewportSize
=
"{TemplateBinding ViewportWidth}"
VerticalAlignment
=
"Bottom"
/>
</
Grid
>
</
Border
>
</
ControlTemplate
>
</
Setter.Value
>
</
Setter
>
<
Style.BasedOn
>
<
Style
TargetType
=
"{x:Type ScrollViewer}"
>
<
Setter
Property
=
"Template"
>
<
Setter.Value
>
<
ControlTemplate
TargetType
=
"{x:Type ScrollViewer}"
>
<
Border
BorderBrush
=
"{TemplateBinding BorderBrush}"
BorderThickness
=
"{TemplateBinding BorderThickness}"
Background
=
"{TemplateBinding Background}"
SnapsToDevicePixels
=
"True"
>
<
Grid
>
<
Grid.ColumnDefinitions
>
<
ColumnDefinition
Width
=
"*"
/>
<
ColumnDefinition
Width
=
"Auto"
/>
</
Grid.ColumnDefinitions
>
<
Grid.RowDefinitions
>
<
RowDefinition
Height
=
"*"
/>
<
RowDefinition
Height
=
"Auto"
/>
</
Grid.RowDefinitions
>
<
ScrollContentPresenter
x:Name
=
"PART_ScrollContentPresenter"
CanContentScroll
=
"{TemplateBinding CanContentScroll}"
CanHorizontallyScroll
=
"False"
CanVerticallyScroll
=
"False"
ContentTemplate
=
"{TemplateBinding ContentTemplate}"
Content
=
"{TemplateBinding Content}"
Grid.Column
=
"0"
Margin
=
"{TemplateBinding Padding}"
Grid.Row
=
"0"
/>
<
ScrollBar
x:Name
=
"PART_VerticalScrollBar"
AutomationProperties.AutomationId
=
"VerticalScrollBar"
Cursor
=
"Arrow"
Grid.Column
=
"1"
Maximum
=
"{TemplateBinding ScrollableHeight}"
Minimum
=
"0"
Grid.Row
=
"0"
Visibility
=
"{TemplateBinding ComputedVerticalScrollBarVisibility}"
Value
=
"{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}"
ViewportSize
=
"{TemplateBinding ViewportHeight}"
/>
<
ScrollBar
x:Name
=
"PART_HorizontalScrollBar"
AutomationProperties.AutomationId
=
"HorizontalScrollBar"
Cursor
=
"Arrow"
Grid.Column
=
"0"
Maximum
=
"{TemplateBinding ScrollableWidth}"
Minimum
=
"0"
Orientation
=
"Horizontal"
Grid.Row
=
"1"
Visibility
=
"{TemplateBinding ComputedHorizontalScrollBarVisibility}"
Value
=
"{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}"
ViewportSize
=
"{TemplateBinding ViewportWidth}"
/>
</
Grid
>
</
Border
>
</
ControlTemplate
>
</
Setter.Value
>
</
Setter
>
<
Setter
Property
=
"Background"
Value
=
"{telerik:Windows8Resource ResourceKey={x:Static telerik:Windows8ResourceKey.MainBrush}}"
/>
<
Setter
Property
=
"BorderBrush"
Value
=
"{telerik:Windows8Resource ResourceKey={x:Static telerik:Windows8ResourceKey.BasicBrush}}"
/>
<
Setter
Property
=
"BorderThickness"
Value
=
"1"
/>
<
Setter
Property
=
"VerticalScrollBarVisibility"
Value
=
"Auto"
/>
<
Setter
Property
=
"HorizontalScrollBarVisibility"
Value
=
"Auto"
/>
<
Setter
Property
=
"HorizontalContentAlignment"
Value
=
"Stretch"
/>
<
Setter
Property
=
"VerticalContentAlignment"
Value
=
"Stretch"
/>
<
Setter
Property
=
"IsTabStop"
Value
=
"False"
/>
<
Setter
Property
=
"FocusVisualStyle"
Value
=
"{x:Null}"
/>
</
Style
>
</
Style.BasedOn
>
</
Style
>
</
ScrollViewer.Style
>
<
ItemsPresenter
Margin
=
"{TemplateBinding Padding}"
/>
</
ScrollViewer
>
</
ControlTemplate
>
</
ItemsControl.Template
>
</
ItemsControl
>
<
ConversationalUI:TypingIndicator
x:Name
=
"PART_TypingIndicator"
Icon
=
"{TemplateBinding TypingIndicatorIcon}"
Grid.Row
=
"3"
Text
=
"{TemplateBinding TypingIndicatorText}"
Visibility
=
"{TemplateBinding TypingIndicatorVisibility}"
/>
<
Border
x:Name
=
"InputBoxContainer"
BorderBrush
=
"{TemplateBinding BorderBrush}"
BorderThickness
=
"0,1,0,0"
Grid.Row
=
"4"
>
<
DockPanel
>
<
StackPanel
DockPanel.Dock
=
"Right"
Orientation
=
"Horizontal"
>
<
telerik:RadToggleButton
x:Name
=
"PART_ToolBarButton"
IsChecked
=
"{Binding IsToolBarOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
InnerCornerRadius
=
"0"
Margin
=
"5,0"
>
<
telerik:RadToggleButton.Style
>
<
Style
TargetType
=
"{x:Type telerik:RadToggleButton}"
>
<
Setter
Property
=
"Height"
Value
=
"28"
/>
<
Setter
Property
=
"Width"
Value
=
"28"
/>
<
Setter
Property
=
"Padding"
Value
=
"0"
/>
<
Setter
Property
=
"Background"
Value
=
"Transparent"
/>
<
Setter
Property
=
"BorderThickness"
Value
=
"0"
/>
<
Setter
Property
=
"Foreground"
Value
=
"{telerik:Windows8Resource ResourceKey={x:Static telerik:Windows8ResourceKey.StrongBrush}}"
/>
<
Setter
Property
=
"VerticalAlignment"
Value
=
"Center"
/>
<
Setter
Property
=
"HorizontalContentAlignment"
Value
=
"Center"
/>
<
Setter
Property
=
"VerticalContentAlignment"
Value
=
"Center"
/>
<
Setter
Property
=
"IsTabStop"
Value
=
"False"
/>
<
Setter
Property
=
"FocusVisualStyle"
Value
=
"{x:Null}"
/>
<
Setter
Property
=
"UseLayoutRounding"
Value
=
"True"
/>
<
Setter
Property
=
"Template"
>
<
Setter.Value
>
<
ControlTemplate
TargetType
=
"{x:Type telerik:RadToggleButton}"
>
<
Grid
>
<
Border
x:Name
=
"BorderVisual"
BorderBrush
=
"{TemplateBinding BorderBrush}"
BorderThickness
=
"{TemplateBinding BorderThickness}"
Background
=
"{TemplateBinding Background}"
/>
<
ContentPresenter
x:Name
=
"Content"
ContentTemplate
=
"{TemplateBinding ContentTemplate}"
Content
=
"{TemplateBinding Content}"
ContentStringFormat
=
"{TemplateBinding ContentStringFormat}"
TextElement.Foreground
=
"{TemplateBinding Foreground}"
HorizontalAlignment
=
"{TemplateBinding HorizontalContentAlignment}"
Margin
=
"{TemplateBinding Padding}"
VerticalAlignment
=
"{TemplateBinding VerticalContentAlignment}"
/>
</
Grid
>
<
ControlTemplate.Triggers
>
<
Trigger
Property
=
"IsChecked"
Value
=
"True"
>
<
Setter
Property
=
"Foreground"
Value
=
"{telerik:Windows8Resource ResourceKey={x:Static telerik:Windows8ResourceKey.AccentBrush}}"
/>
</
Trigger
>
<
Trigger
Property
=
"IsMouseOver"
Value
=
"True"
>
<
Setter
Property
=
"Foreground"
Value
=
"{telerik:Windows8Resource ResourceKey={x:Static telerik:Windows8ResourceKey.MarkerBrush}}"
/>
</
Trigger
>
<
Trigger
Property
=
"IsPressed"
Value
=
"True"
>
<
Setter
Property
=
"Foreground"
Value
=
"{telerik:Windows8Resource ResourceKey={x:Static telerik:Windows8ResourceKey.MarkerBrush}}"
/>
</
Trigger
>
<
Trigger
Property
=
"IsEnabled"
Value
=
"False"
>
<
Setter
Property
=
"Opacity"
TargetName
=
"Content"
Value
=
"0.3"
/>
</
Trigger
>
</
ControlTemplate.Triggers
>
</
ControlTemplate
>
</
Setter.Value
>
</
Setter
>
</
Style
>
</
telerik:RadToggleButton.Style
>
<
telerik:RadToggleButton.Visibility
>
<
Binding
Path
=
"ToolBarCommands.Count"
RelativeSource
=
"{RelativeSource TemplatedParent}"
>
<
Binding.Converter
>
<
telerik:NumberToVisibilityConverter
/>
</
Binding.Converter
>
</
Binding
>
</
telerik:RadToggleButton.Visibility
>
<
telerik:RadGlyph
Glyph
=
""
TextOptions.TextRenderingMode
=
"Aliased"
/>
</
telerik:RadToggleButton
>
<
telerik:RadButton
x:Name
=
"SendButton"
CommandParameter
=
"{Binding RelativeSource={RelativeSource TemplatedParent}}"
Command
=
"{Binding SendCommand, RelativeSource={RelativeSource TemplatedParent}}"
InnerCornerRadius
=
"0"
Margin
=
"5,0"
>
<
telerik:RadButton.Style
>
<
Style
TargetType
=
"{x:Type telerik:RadButton}"
>
<
Setter
Property
=
"Height"
Value
=
"28"
/>
<
Setter
Property
=
"Width"
Value
=
"28"
/>
<
Setter
Property
=
"Padding"
Value
=
"0"
/>
<
Setter
Property
=
"Background"
Value
=
"Transparent"
/>
<
Setter
Property
=
"BorderThickness"
Value
=
"0"
/>
<
Setter
Property
=
"Foreground"
Value
=
"{telerik:Windows8Resource ResourceKey={x:Static telerik:Windows8ResourceKey.AccentBrush}}"
/>
<
Setter
Property
=
"VerticalAlignment"
Value
=
"Center"
/>
<
Setter
Property
=
"HorizontalContentAlignment"
Value
=
"Center"
/>
<
Setter
Property
=
"VerticalContentAlignment"
Value
=
"Center"
/>
<
Setter
Property
=
"IsTabStop"
Value
=
"False"
/>
<
Setter
Property
=
"FocusVisualStyle"
Value
=
"{x:Null}"
/>
<
Setter
Property
=
"UseLayoutRounding"
Value
=
"True"
/>
<
Setter
Property
=
"Template"
>
<
Setter.Value
>
<
ControlTemplate
TargetType
=
"{x:Type telerik:RadButton}"
>
<
Grid
>
<
Border
x:Name
=
"BorderVisual"
BorderBrush
=
"{TemplateBinding BorderBrush}"
BorderThickness
=
"{TemplateBinding BorderThickness}"
Background
=
"{TemplateBinding Background}"
/>
<
ContentPresenter
x:Name
=
"Content"
ContentTemplate
=
"{TemplateBinding ContentTemplate}"
Content
=
"{TemplateBinding Content}"
ContentStringFormat
=
"{TemplateBinding ContentStringFormat}"
TextElement.Foreground
=
"{TemplateBinding Foreground}"
HorizontalAlignment
=
"{TemplateBinding HorizontalContentAlignment}"
Margin
=
"{TemplateBinding Padding}"
VerticalAlignment
=
"{TemplateBinding VerticalContentAlignment}"
/>
</
Grid
>
<
ControlTemplate.Triggers
>
<
Trigger
Property
=
"IsMouseOver"
Value
=
"True"
>
<
Setter
Property
=
"Foreground"
Value
=
"{telerik:Windows8Resource ResourceKey={x:Static telerik:Windows8ResourceKey.MarkerBrush}}"
/>
</
Trigger
>
<
Trigger
Property
=
"IsPressed"
Value
=
"True"
>
<
Setter
Property
=
"Foreground"
Value
=
"{telerik:Windows8Resource ResourceKey={x:Static telerik:Windows8ResourceKey.MarkerBrush}}"
/>
</
Trigger
>
<
Trigger
Property
=
"IsEnabled"
Value
=
"False"
>
<
Setter
Property
=
"Opacity"
TargetName
=
"Content"
Value
=
"0.3"
/>
</
Trigger
>
</
ControlTemplate.Triggers
>
</
ControlTemplate
>
</
Setter.Value
>
</
Setter
>
</
Style
>
</
telerik:RadButton.Style
>
<
Path
Data
=
"M1,9L18,9 0,16z M0,0L18,8 1,8z"
Fill
=
"{Binding Foreground, ElementName=SendButton}"
Stretch
=
"None"
SnapsToDevicePixels
=
"True"
StrokeThickness
=
"0"
/>
</
telerik:RadButton
>
</
StackPanel
>
<
telerik:RadWatermarkTextBox
x:Name
=
"PART_InputBox"
AcceptsReturn
=
"True"
BorderThickness
=
"0"
Background
=
"Transparent"
WatermarkContent
=
"{TemplateBinding InputBoxWatermarkContent}"
/>
</
DockPanel
>
</
Border
>
<
Border
x:Name
=
"PART_ToolBar"
BorderBrush
=
"{TemplateBinding BorderBrush}"
BorderThickness
=
"0,1,0,0"
Background
=
"{DynamicResource {x:Static telerik:Windows8ResourceKey.MainBrush}}"
CornerRadius
=
"0,0,1,1"
Height
=
"48"
Grid.Row
=
"5"
SnapsToDevicePixels
=
"True"
>
<
Border.Visibility
>
<
Binding
ElementName
=
"PART_ToolBarButton"
Path
=
"IsChecked"
>
<
Binding.Converter
>
<
telerik:BooleanToVisibilityConverter
/>
</
Binding.Converter
>
</
Binding
>
</
Border.Visibility
>
<
ItemsControl
>
<
ItemsControl.ItemsPanel
>
<
ItemsPanelTemplate
>
<
StackPanel
IsItemsHost
=
"True"
Orientation
=
"Horizontal"
/>
</
ItemsPanelTemplate
>
</
ItemsControl.ItemsPanel
>
<
ItemsControl.ItemTemplate
>
<
DataTemplate
>
<
telerik:RadButton
ContentTemplate
=
"{Binding ToolBarCommandTemplate, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type telerik:RadChat}}}"
Content
=
"{Binding}"
Command
=
"{Binding Command}"
InnerCornerRadius
=
"0"
Margin
=
"5,5,0,5"
/>
</
DataTemplate
>
</
ItemsControl.ItemTemplate
>
</
ItemsControl
>
</
Border
>
<
ConversationalUI:ChatOverlay
x:Name
=
"PART_Overlay"
Grid.RowSpan
=
"5"
Visibility
=
"Collapsed"
/>
</
Grid
>
</
Border
>
</
Grid
>
</
ControlTemplate
>
</
Setter.Value
>
</
Setter
>
</
Style
>