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

SuggestedActios Part disappears

6 Answers 216 Views

Chat (Conversational UI)

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

Omar asked on 03 Sep 2018, 06:12 AM

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>

</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>

</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>

</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>

</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="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>

<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}"/>

</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>

6 Answers, 1 is accepted

Accepted

answered on 07 Sep 2018, 11:58 AM

Hello Omar,

I've checked the Style and the suggested actions are not available also on my side. Sometimes, the extraction process via VS or Blend could miss some property settings as in this case. To resolve this you will need to set the ItemsSource property of the "PART_SuggestionItemsControl" ItemsControl in the template.

<ItemsControl x:Name="PART_SuggestionItemsControl"

Stylus.IsFlicksEnabled="False" Stylus.IsPressAndHoldEnabled="False"

ConversationalUI:ScrollViewerScrollingHelper.IsEnabled="True"

Padding="15,11,5,17" Grid.Row="2"

Visibility=

"{Binding SuggestedActionsVisibility, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type telerik:RadChat}}}"

ItemsSource="{Binding RelativeSource={RelativeSource AncestorType={x:Type telerik:RadChat}}, Path=SuggestedActions}">

What I could suggest you is to get the style from the corresponding .xaml file when you need to extract a style. You can read more about this in the Editing Control Templates article.

Regards,
Martin Ivanov
Progress TelerikWant to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.