radbutton on radgrid does not respond to touch

[Robert]

here is the setup

1. using wpf controls version 2013.3.1316.45. 
2. Windows8 theme. 
3. using  MVVM
4. I have a radGrid with a data template inside cell template.  There is a radButton.
5. there is 1 interaction trigger to capture double click

The button will fire if clicked with mouse.  The button will only highlight (not fire) if I use touch screen.  how come?

code snippet:

<telerik:RadGridView
Grid.Row="0"
Grid.Column="0"
ItemsSource="{Binding SolicitationSearchResults}"
ScrollViewer.HorizontalScrollBarVisibility="Auto"
ScrollViewer.VerticalScrollBarVisibility="Auto"
Width="{Binding RelativeSource={RelativeSource AncestorType={x:Type HeaderedContentControl}, AncestorLevel=1}, Path=ActualWidth}"
AutoGenerateColumns="False"
BorderThickness="1"
CanUserDeleteRows="False"
CanUserFreezeColumns="True"
CanUserInsertRows="False"
CanUserReorderColumns="False"
GridLinesVisibility="Vertical"
FrozenColumnCount="2"
IsReadOnly="True"
RowDetailsVisibilityMode="Visible"
RowIndicatorVisibility="Collapsed"
SelectedItem="{Binding Path=SelectedSolicitationSearchResult}"
ShowGroupPanel="False">
<i:Interaction.Triggers>
<!--Used to capture a GridView row double-click, which will ultimately -->
<!--be used to fire the Edit method.-->
<i:EventTrigger
EventName="RowActivated">
<cmd:EventToCommand
Command="{Binding ItemEditCommand, Mode=OneTime}" />
</i:EventTrigger>
</i:Interaction.Triggers>
<telerik:RadGridView.Columns>
<!--Edit-->
<telerik:GridViewColumn
Header=""
MaxWidth="50"
MinWidth="50"
Width="50">
<telerik:GridViewColumn.CellTemplate>
<DataTemplate
DataType="solicitation:SolicitationSearchResultItemViewModel">
<telerik:RadButton
Command="{Binding EditSolicitationCommand}"
Content="view"
IsEnabled="{Binding CanEditSolicitation}"
Margin="0 0 2 0" />
</DataTemplate>
</telerik:GridViewColumn.CellTemplate>
</telerik:GridViewColumn>
<!--Solicitation id-->
<telerik:GridViewColumn
Header="Id"
IsFilterable="False"
MinWidth="70"
SortMemberPath="SolicitationId"
Width="70">
<telerik:GridViewColumn.CellTemplate>
<DataTemplate
DataType="solicitation:SolicitationSearchResultItemViewModel">
<TextBlock
Text="{Binding SolicitationId}"
TextTrimming="CharacterEllipsis"
ToolTip="{Binding SolicitationId}" />
</DataTemplate>
</telerik:GridViewColumn.CellTemplate>
</telerik:GridViewColumn>
<!--Organization Name-->
<telerik:GridViewColumn
Header="Customer"
IsFilterable="False"
MinWidth="160"
SortMemberPath="OrganizationName"
Width="260">
<telerik:GridViewColumn.CellTemplate>
<DataTemplate
DataType="solicitation:SolicitationSearchResultItemViewModel">
<TextBlock
Text="{Binding OrganizationName}"
TextTrimming="CharacterEllipsis"
ToolTip="{Binding OrganizationName}" />
</DataTemplate>
</telerik:GridViewColumn.CellTemplate>
</telerik:GridViewColumn>
<!--Solicitation Name-->
<telerik:GridViewColumn
Header="Solicitation Name"
IsFilterable="False"
MinWidth="160"
SortMemberPath="SolicitationName"
Width="260">
<telerik:GridViewColumn.CellTemplate>
<DataTemplate
DataType="solicitation:SolicitationSearchResultItemViewModel">
<TextBlock
Text="{Binding SolicitationName}"
TextTrimming="CharacterEllipsis"
ToolTip="{Binding SolicitationName}" />
</DataTemplate>
</telerik:GridViewColumn.CellTemplate>
</telerik:GridViewColumn>
<!--Solicitation Number-->
<telerik:GridViewColumn
Header="Solicitation Number"
IsFilterable="False"
MinWidth="160"
SortMemberPath="SolicitationNumber"
Width="260">
<telerik:GridViewColumn.CellTemplate>
<DataTemplate
DataType="solicitation:SolicitationSearchResultItemViewModel">
<TextBlock
Text="{Binding SolicitationNumber}"
TextTrimming="CharacterEllipsis"
ToolTip="{Binding SolicitationNumber}" />
</DataTemplate>
</telerik:GridViewColumn.CellTemplate>
</telerik:GridViewColumn>
<!--Status-->
<telerik:GridViewColumn
Header="Status"
IsFilterable="False"
MinWidth="75"
SortMemberPath="SolicitationStatusName"
Width="75">
<telerik:GridViewColumn.CellTemplate>
<DataTemplate
DataType="solicitation:SolicitationSearchResultItemViewModel">
<TextBlock
Text="{Binding SolicitationStatusName}"
TextTrimming="CharacterEllipsis" />
</DataTemplate>
</telerik:GridViewColumn.CellTemplate>
</telerik:GridViewColumn>
</telerik:RadGridView.Columns>
</telerik:RadGridView>

[Stefan]

Hi Robert,

Thanks for your report. However this is a know issue which is caused by a limitation in our current TouchManager implementation. As a workaround I can suggest you to set telerik:TouchManager.IsTouchHitTestVisible property of the DataTemplate's root element to False.

Please give this workaround a try and let us know if it works for you.

Regards,
Stefan
Telerik

[ManniAT]

Hi,

this bug seems to still exist although it's known since more than half a year.
Will you ever release a fix for this?

Or is there at least a way to set the suggested touch manager property globally (from App.xaml)?

Manfred

[Peshito]

Hi Manfred,

We are working on improving our touch manager however I cannot commit to a specific time frame when it will be completed. For the time being I would suggest you to go with the workaround that my colleague Stefan has suggested earlier.

Regards,
Peshito
Telerik

 

 

[RetailHero]

Is it still the issue? We've encountered the same in the version 2015.2.728

[Peshito]

Hi RetailHero,

For the Q1 2016 we introduced new Touch Manager and this issue is no longer observed using the latest version of Telerik UI for WPF.

Regards,
Peshito
Telerik

[Joshua]

I am sorry for revisiting an old forum thread, but do you know if this is in the current (2018 Q3) version?  I am having issues with touch on a Microsoft Surface with Telerik RadButtons on the Telerik RadGridView. (with the Material theme)  I searched and discovered this thread and setting TouchManager.IsTouchHitTestVisible to False seems to have made the buttons much more responsive.  Previously they would respond only after trying to tap them several times with my finger, (but would respond right away if I clicked with the mouse) but with that flag set on each button they now respond the first time I tap them.  Do you have a guide or whitepaper for recommended settings for touch?

<telerik:GridViewDataColumn IsFilterable="False" DataMemberBinding="{Binding Row}" IsReadOnly="True" Width="62" Header="">
   <telerik:GridViewDataColumn.CellTemplate>
      <DataTemplate>
         <telerik:RadButton CornerRadius="5" FontFamily="{StaticResource TelerikWebUI}"
            Command="{Binding Path=DataContext.EditPackage, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}" CommandParameter="{Binding Row}">
            <TextBlock Text="{StaticResource GlyphEdit}" Margin="-3,0" />
         </telerik:RadButton>
      </DataTemplate>
   </telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>

[Vladimir Stoyanov]

Hello Joshua,

Thank you for the provided xaml snippet. 

Please, allow me to start by saying that the IsHitTestVisible property is replaced by the TouchMode property in the new TouchManager introduced in Q1 2016. You can take a look at the TouchManager Touch Modes article in our documentation. We do not have any recommended settings for touch, however you can browse the TouchManager section of the documentation in order to learn more about it.

Hope you find this helpful.

Regards,
Vladimir Stoyanov
Progress Telerik