We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

how to select frame inside frame in datatemplate

I have a datatemplate as below but selection doesn work when touchin inner frame. instead of frame I tried also BorderView as shown below. i set InputTransparent=true all over but it didne help. How can user select an item by tapping inner frame

   <sfgrid:BorderView BorderColor="Silver" BackgroundColor="White" Margin="10,5" Padding="1" InputTransparent="True">

            <Grid BackgroundColor="Transparent" ColumnSpacing="0"  InputTransparent="True">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="40"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>

                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"></RowDefinition>
                    <RowDefinition Height="20"></RowDefinition>
                </Grid.RowDefinitions>

 
  <Frame  OutlineColor="Silver" InputTransparent="True" HasShadow="True" Margin="2" Padding="2" BackgroundColor="White" VerticalOptions="FillAndExpand">
                                <Grid    InputTransparent="True" VerticalOptions="FillAndExpand" ColumnSpacing="0">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="2*"></ColumnDefinition>
                                        <ColumnDefinition Width="*"></ColumnDefinition>
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"></RowDefinition>
                                        <RowDefinition Height="15"></RowDefinition>
                                        <RowDefinition Height="15"></RowDefinition>                                  
                                    </Grid.RowDefinitions>

                                                            
                                </Grid>
                            </Frame>
       
            </Grid>
        </sfgrid:BorderView>


1 Reply

DS Divakar Subramaniam Syncfusion Team July 12, 2017 07:20 AM UTC

Hi Emil, 
 
 
Thanks for contacting Syncfusion Support. 
 
 
We have tried by adapting BorderView (along with Frame as you mentioned in your code) inside a DataTemplate of SfDataGrid.GridTemplateColumn and the selection is applied in SfDataGrid properly if we set InputTransparent as “True” for BorderView and its children.  
 
Please ensure that whether you did not set InputTransparent as True for SfDataGrid. If you set true, then the touch will not pass to SfDataGrid and all the touch operations related to SfDataGrid will not happen. Please refer the below code snippet. 
 
<sfgrid:SfDataGrid AutoGenerateColumns="False" 
                   InputTransparent="false" 
                   ItemsSource="{Binding OrdersInfo}"> 
 
 
We have attached our working sample for your reference and you can download the same from the below link. 
 
 
If the issue persists on your side, then please do revert us with modified sample reproducing the issue which will help us to proceed further. 
 
 
Regards, 
Divakar. 
 


Loader.
Live Chat Icon For mobile
Up arrow icon