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. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

how to select frame inside frame in datatemplate

Thread ID:

Created:

Updated:

Platform:

Replies:

131477 Jul 12,2017 01:00 AM UTC Jul 12,2017 07:20 AM UTC Xamarin.Forms 1
loading
Tags: SfDataGrid
Emil
Asked On July 12, 2017 01:00 AM UTC

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>


Divakar Subramaniam [Syncfusion]
Replied On 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. 
 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;