radbutton on radgrid does not respond to touch

8 posts, 0 answers
  1. Robert
    Robert avatar
    57 posts
    Member since:
    Sep 2011

    Posted 19 Feb 2014 Link to this post

    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>
  2. Stefan
    Admin
    Stefan avatar
    89 posts

    Posted 24 Feb 2014 Link to this post

    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
  3. ManniAT
    ManniAT avatar
    885 posts
    Member since:
    Nov 2003

    Posted 03 Nov 2014 in reply to Stefan Link to this post

    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
  4. Peshito
    Admin
    Peshito avatar
    583 posts

    Posted 05 Nov 2014 Link to this post

    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
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  5. RetailHero
    RetailHero avatar
    1 posts
    Member since:
    Mar 2014

    Posted 19 Apr 2016 in reply to Peshito Link to this post

    Is it still the issue? We've encountered the same in the version 2015.2.728
  6. Peshito
    Admin
    Peshito avatar
    583 posts

    Posted 21 Apr 2016 Link to this post

    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
    Do you need help with upgrading your AJAX, WPF or WinForms project? Check the Telerik API Analyzer and share your thoughts.
  7. Joshua
    Joshua avatar
    17 posts
    Member since:
    Apr 2018

    Posted 08 Nov 2018 Link to this post

    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>
  8. Vladimir Stoyanov
    Admin
    Vladimir Stoyanov avatar
    480 posts

    Posted 13 Nov 2018 Link to this post

    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
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top