FlexGrid not visible in xaml

Posted by: fulvio.muratore on 22 June 2023, 10:42 am EST

  • Posted 22 June 2023, 10:42 am EST - Updated 22 June 2023, 10:47 am EST

    I would like to know why if I insert a FlexGrid in an empty page it is correctly visible while if I insert it in a page where it is nested inside other elements, starting from a TabView I see only a white box. This code works:

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage
        x:Class="App1.MainPage"
        xmlns="http://xamarin.com/schemas/2014/forms"
        xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
        xmlns:c1="clr-namespace:C1.Xamarin.Forms.Grid;assembly=C1.Xamarin.Forms.Grid"
        xmlns:local="clr-namespace:App1">
        <ContentPage.Content>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="360" />
                </Grid.RowDefinitions>
                <c1:FlexGrid x:Name="grid"/>
            </Grid>
        </ContentPage.Content>
    </ContentPage>
    

    This doesn’t work:

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage
        x:Class="PlantLogiXMobile.PageSincronizzazione"
        xmlns="http://xamarin.com/schemas/2014/forms"
        xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
        xmlns:c1Grid="clr-namespace:C1.Xamarin.Forms.Grid;assembly=C1.Xamarin.Forms.Grid"
        xmlns:local="clr-namespace:PlantLogiXMobile;assembly=PlantLogiXMobile"
        xmlns:xct="http://xamarin.com/schemas/2020/toolkit"
        BackgroundColor="{StaticResource PageBackgroundColor}"
        Visual="Material"
        x:DataType="local:PageSincronizzazione">
        <Grid>
            <Grid.RowDefinitions>
                <!-- 0 >> Toolbar -->
                <RowDefinition Height="Auto" />
                <!-- 1 >> TabView -->
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <Grid Grid.Row="0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="36" />
                </Grid.RowDefinitions>
                <StackLayout
                    Grid.Column="0"
                    BackgroundColor="{StaticResource ToolbarBackgroundColor}"
                    HorizontalOptions="FillAndExpand"
                    Orientation="Horizontal"
                    Padding="10">
                    <Label
                        Grid.Column="0"
                        FontAttributes="Bold"
                        FontSize="Small"
                        HorizontalOptions="StartAndExpand"
                        Text="TEST"
                        TextColor="{StaticResource ToolbarAppNameTextColor}"
                        VerticalOptions="Center" />
                    <Label
                        Grid.Column="1"
                        FontAttributes="Bold"
                        HorizontalOptions="CenterAndExpand"
                        Text="SYNCHRO"
                        TextColor="{StaticResource ToolbarTitleTextColor}"
                        VerticalOptions="Center" />
                </StackLayout>
            </Grid>
            <xct:TabView Grid.Row="1">
                <xct:TabViewItem Style="{StaticResource TabViewItemStyle}" Text="Test">
                    <xct:TabViewItem.Content>
                        <StackLayout>
                            <Grid VerticalOptions="FillAndExpand">
                                <c1Grid:FlexGrid x:Name="flexGridEANVendita"/>
                            </Grid>
                        </StackLayout>
                    </xct:TabViewItem.Content>
                </xct:TabViewItem>
            </xct:TabView>
        </Grid>
    </ContentPage>

  • Posted 23 June 2023, 2:05 am EST

    Hi,

    Thanks for reaching out to us.

    We tried your code, but it works at our end. We are not sure about the resources you applied: ToolbarBackgroundColor, ToolbarAppNameTextColor, ToolbarTitleTextColor and TabViewItemStyle.

    We tried without these resources.

    Please refer the attached sample: FlexGridXamarin.zip

    If you still facing issues, then we request you to provide a small sample and the specific technology you are using(Android/IOS/UWP).

    Best Regards,

    Nitin

  • Posted 23 June 2023, 5:17 am EST

    Hi, thanks for the reply,

    the project is for a Zebra device (Android 11), I attach the complete xaml code.

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage
        x:Class="PlantLogiXMobile.PageSincronizzazione"
        xmlns="http://xamarin.com/schemas/2014/forms"
        xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
        xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
        xmlns:c1Gauge="clr-namespace:C1.Xamarin.Forms.Gauge;assembly=C1.Xamarin.Forms.Gauge"
        xmlns:c1Grid="clr-namespace:C1.Xamarin.Forms.Grid;assembly=C1.Xamarin.Forms.Grid"
        xmlns:local="clr-namespace:PlantLogiXMobile;assembly=PlantLogiXMobile"
        xmlns:xct="http://xamarin.com/schemas/2020/toolkit"
        BackgroundColor="{StaticResource PageBackgroundColor}"
        Visual="Material"
        x:DataType="local:PageSincronizzazione">
    
        <ContentPage.Resources>
            <ResourceDictionary>
                <Style x:Key="TabViewItemStyle" TargetType="xct:TabViewItem">
                    <Setter Property="BackgroundColor" Value="{StaticResource TabViewUnSelectedBackColor}" />
                    <Setter Property="TextColor" Value="{StaticResource TabViewUnSelectedTextColor}" />
                    <Setter Property="FontSize" Value="14" />
                    <Setter Property="Padding" Value="0,-10,0,-10" />
                    <Style.Triggers>
                        <Trigger Property="IsSelected" Value="True" TargetType="xct:TabViewItem">
                            <Setter Property="BackgroundColor" Value="{StaticResource TabViewSelectedBackColor}" />
                            <Setter Property="TextColor" Value="{StaticResource TabViewSelectedTextColor}" />
                            <Setter Property="FontSize" Value="14" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </ResourceDictionary>
        </ContentPage.Resources>
    
        <ContentPage.Content>
            <Grid>
            <Grid.RowDefinitions>
                <!-- 0 >> Toolbar -->
                <RowDefinition Height="Auto" />
                <!-- 1 >> TabView -->
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
    
            <!-- Toolbar superiore -->
            <Grid Grid.Row="0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
    
                <Grid.RowDefinitions>
                    <!-- Spazio per la toolbar -->
                    <RowDefinition Height="36" />
                </Grid.RowDefinitions>
    
                <StackLayout
                    Grid.Column="0"
                    BackgroundColor="{StaticResource ToolbarBackgroundColor}"
                    HorizontalOptions="FillAndExpand"
                    Orientation="Horizontal"
                    Padding="10">
                    <!-- Contenuto della Toolbar... -->
                    <Label
                        Grid.Column="0"
                        FontAttributes="Bold"
                        FontSize="Small"
                        HorizontalOptions="StartAndExpand"
                        Text="PLANT"
                        TextColor="{StaticResource ToolbarAppNameTextColor}"
                        VerticalOptions="Center" />
                    <Label
                        Grid.Column="1"
                        FontAttributes="Bold"
                        HorizontalOptions="CenterAndExpand"
                        Text="SINCRONIZZAZIONE"
                        TextColor="{StaticResource ToolbarTitleTextColor}"
                        VerticalOptions="Center" />
    
                    <ImageButton
                        Grid.Column="2"
                        Aspect="AspectFill"
                        BackgroundColor="Transparent"
                        BorderColor="Transparent"
                        Clicked="OnInfoClicked"
                        HeightRequest="24"
                        HorizontalOptions="EndAndExpand"
                        Source="dots_icon.png"
                        VerticalOptions="FillAndExpand"
                        WidthRequest="24" />
                </StackLayout>
            </Grid>
    
            <!-- Contenuto delle pagine -->
            <xct:TabView Grid.Row="1">
                <!-- Pagina Principale -->
                <xct:TabViewItem Style="{StaticResource TabViewItemStyle}" Text="TABELLE">
                    <xct:TabViewItem.Content>
                        <Grid x:Name ="gridMain">
                            <Grid.RowDefinitions>
                                <!-- 0 >> Contenuto principale -->
                                <RowDefinition Height="*" />
                                <!-- 1 >> LinearGauge -->
                                <RowDefinition Height="40" />
                                <!-- 2 >> SfButton -->
                                <RowDefinition Height="50" />
                                <!-- 3 >> Barra di stato -->
                                <RowDefinition Height="30" />
                            </Grid.RowDefinitions>
    
                            <!-- Contenuto principale -->
                            <Grid Grid.Row="0">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <!-- 0 >> EAN Vendita Fornitori -->
                                        <RowDefinition Height="Auto" />
                                        <!-- 1 >> Silos -->
                                        <RowDefinition Height="Auto" />
                                        <!-- 2 >> Prodotti Silos -->
                                        <RowDefinition Height="Auto" />
                                        <!-- 3 >> Codici RFID -->
                                        <RowDefinition Height="Auto" />
                                        <!-- 4 >> Totale Record -->
                                        <RowDefinition Height="Auto" />
                                    </Grid.RowDefinitions>
    
                                    <Grid.ColumnDefinitions>
                                        <!-- Testo Label -->
                                        <ColumnDefinition Width="Auto" />
                                        <!-- Valore Label -->
                                        <ColumnDefinition Width="Auto" />
                                    </Grid.ColumnDefinitions>
    
                                    <!-- EAN Vendita Fornitori -->
                                    <Frame
                                        Grid.Row="0"
                                        Grid.Column="0"
                                        BackgroundColor="LightSteelBlue"
                                        BorderColor="White"
                                        HeightRequest="25"
                                        Padding="10"
                                        WidthRequest="200">
                                        <Label
                                            FontAttributes="Bold"
                                            FontFamily="Arial"
                                            FontSize="Medium"
                                            HorizontalOptions="Start"
                                            Text="EAN Vendita Fornitori"
                                            TextColor="Black"
                                            VerticalOptions="Center" />
                                    </Frame>
    
                                    <Frame
                                        Grid.Row="0"
                                        Grid.Column="1"
                                        BackgroundColor="DimGray"
                                        BorderColor="White"
                                        HeightRequest="25"
                                        Padding="10"
                                        WidthRequest="100">
                                        <Label
                                            x:Name="labelEANVenditaFornitori"
                                            FontAttributes="Bold"
                                            FontFamily="Arial"
                                            FontSize="Medium"
                                            HorizontalOptions="Center"
                                            Text=""
                                            TextColor="White"
                                            VerticalOptions="Center" />
                                    </Frame>
    
                                    <!-- Silos -->
                                    <Frame
                                        Grid.Row="1"
                                        Grid.Column="0"
                                        BackgroundColor="LightSteelBlue"
                                        BorderColor="White"
                                        HeightRequest="25"
                                        Padding="10"
                                        WidthRequest="200">
                                        <Label
                                            FontAttributes="Bold"
                                            FontFamily="Arial"
                                            FontSize="Medium"
                                            HorizontalOptions="Start"
                                            Text="Silos"
                                            TextColor="Black"
                                            VerticalOptions="Center" />
                                    </Frame>
    
                                    <Frame
                                        Grid.Row="1"
                                        Grid.Column="1"
                                        BackgroundColor="DimGray"
                                        BorderColor="White"
                                        HeightRequest="25"
                                        Padding="10"
                                        WidthRequest="100">
                                        <Label
                                            x:Name="labelSilos"
                                            FontAttributes="Bold"
                                            FontFamily="Arial"
                                            FontSize="Medium"
                                            HorizontalOptions="Center"
                                            Text=""
                                            TextColor="White"
                                            VerticalOptions="Center" />
                                    </Frame>
    
                                    <!-- Prodotti Silos -->
                                    <Frame
                                        Grid.Row="2"
                                        Grid.Column="0"
                                        BackgroundColor="LightSteelBlue"
                                        BorderColor="White"
                                        HeightRequest="25"
                                        Padding="10"
                                        WidthRequest="200">
                                        <Label
                                            FontAttributes="Bold"
                                            FontFamily="Arial"
                                            FontSize="Medium"
                                            HorizontalOptions="Start"
                                            Text="Prodotti Silos"
                                            TextColor="Black"
                                            VerticalOptions="Center" />
                                    </Frame>
    
                                    <Frame
                                        Grid.Row="2"
                                        Grid.Column="1"
                                        BackgroundColor="DimGray"
                                        BorderColor="White"
                                        HeightRequest="25"
                                        Padding="10"
                                        WidthRequest="100">
                                        <Label
                                            x:Name="labelProdottiSilos"
                                            FontAttributes="Bold"
                                            FontFamily="Arial"
                                            FontSize="Medium"
                                            HorizontalOptions="Center"
                                            Text=""
                                            TextColor="White"
                                            VerticalOptions="Center" />
                                    </Frame>
    
                                    <!-- Codici RFID -->
                                    <Frame
                                        Grid.Row="3"
                                        Grid.Column="0"
                                        BackgroundColor="LightSteelBlue"
                                        BorderColor="White"
                                        HeightRequest="25"
                                        Padding="10"
                                        WidthRequest="200">
                                        <Label
                                            FontAttributes="Bold"
                                            FontFamily="Arial"
                                            FontSize="Medium"
                                            HorizontalOptions="Start"
                                            Text="Codici RFID"
                                            TextColor="Black"
                                            VerticalOptions="Center" />
                                    </Frame>
    
                                    <Frame
                                        Grid.Row="3"
                                        Grid.Column="1"
                                        BackgroundColor="DimGray"
                                        BorderColor="White"
                                        HeightRequest="20"
                                        Padding="10"
                                        WidthRequest="100">
                                        <Label
                                            x:Name="labelCodiciRFID"
                                            FontAttributes="Bold"
                                            FontFamily="Arial"
                                            FontSize="Medium"
                                            HorizontalOptions="Center"
                                            Text=""
                                            TextColor="White"
                                            VerticalOptions="Center" />
                                    </Frame>
    
                                    <!-- Totale Record -->
                                    <Frame
                                        Grid.Row="4"
                                        Grid.Column="0"
                                        BackgroundColor="PaleGoldenrod"
                                        BorderColor="White"
                                        HeightRequest="25"
                                        Padding="10"
                                        WidthRequest="200">
                                        <Label
                                            FontAttributes="Bold"
                                            FontFamily="Arial"
                                            FontSize="Medium"
                                            HorizontalOptions="Start"
                                            Text="Totale Record"
                                            TextColor="Black"
                                            VerticalOptions="Center" />
                                    </Frame>
    
                                    <Frame
                                        Grid.Row="4"
                                        Grid.Column="1"
                                        BackgroundColor="DimGray"
                                        BorderColor="White"
                                        HeightRequest="20"
                                        Padding="10"
                                        WidthRequest="100">
                                        <Label
                                            x:Name="labelTotaleRecord"
                                            FontAttributes="Bold"
                                            FontFamily="Arial"
                                            FontSize="Medium"
                                            HorizontalOptions="Center"
                                            Text=""
                                            TextColor="PaleGoldenrod"
                                            VerticalOptions="Center" />
                                    </Frame>
                                </Grid>
                            </Grid>
    
                            <!-- C1LinearGauge -->
                            <StackLayout
                                x:Name="stackLayoutC1LinearGauge"
                                Grid.Row="1"
                                HorizontalOptions="FillAndExpand"
                                VerticalOptions="FillAndExpand">
                                <c1Gauge:C1LinearGauge
                                    x:Name="c1LinearGaugeSynchro"
                                    Value="0"
                                    Direction="Right"
                                    HeightRequest="40"
                                    Max="100"
                                    Min="0"
                                    PointerColor="Blue"
                                    ShowRanges="True"
                                    Thickness="0.5">
                                    <c1Gauge:C1LinearGauge.Ranges>
                                        <c1Gauge:GaugeRange
                                            Color="Gray"
                                            Max="100"
                                            Min="0" />
                                    </c1Gauge:C1LinearGauge.Ranges>
                                </c1Gauge:C1LinearGauge>
                            </StackLayout>
    
                            <!-- SfButton -->
                            <button:SfButton
                                x:Name="sfButtonSynchro"
                                Grid.Row="2"
                                BackgroundColor = "DarkGoldenrod"
                                BorderColor = "White"
                                BorderWidth="2"
                                Clicked="OnSynchroClicked"
                                CornerRadius="3"
                                FontAttributes = "Bold"
                                FontSize = "20"
                                HeightRequest="50"
                                Text="Inizia Sincronizzazione" />
    
                            <!-- Barra di stato -->
                            <StackLayout Grid.Row="3" BackgroundColor="LightGray">
                                <Frame
                                    BackgroundColor="Gray"
                                    BorderColor="White"
                                    HeightRequest="20"
                                    Padding="5"
                                    WidthRequest="120">
                                    <Label
                                        x:Name="statusBarLabel0"
                                        FontAttributes="Bold"
                                        FontFamily="Arial"
                                        FontSize="Small"
                                        HorizontalOptions="StartAndExpand"
                                        Text=""
                                        TextColor="Black"
                                        VerticalOptions="Center" />
                                </Frame>
                            </StackLayout>
                        </Grid>
                    </xct:TabViewItem.Content>
                </xct:TabViewItem>
    
                <!-- Pagina EANVenditaFornitori -->
                <xct:TabViewItem Style="{StaticResource TabViewItemStyle}" Text="EANVenditaFornitori">
                    <xct:TabViewItem.Content>
                        <Grid>
                            <Grid.RowDefinitions>
                                <!-- 0 >> C1FlexGrid -->
                                <RowDefinition Height="335" />
                                <!-- 1 >> Barra di stato -->
                                <RowDefinition Height="30" />
                            </Grid.RowDefinitions>
    
                            <StackLayout Grid.Row="0">
                                <Grid VerticalOptions="FillAndExpand">
                                    <c1Grid:FlexGrid x:Name="flexGridEANVenditaFornitori"/>
                                </Grid>
                            </StackLayout>
    
                            <!-- Barra di stato -->
                            <StackLayout Grid.Row="1" BackgroundColor="LightGray">
                                <Frame
                                    BackgroundColor="Gray"
                                    BorderColor="White"
                                    HeightRequest="20"
                                    Padding="5"
                                    WidthRequest="120">
                                    <Label
                                        x:Name="statusBarLabel1"
                                        FontAttributes="Bold"
                                        FontFamily="Arial"
                                        FontSize="Small"
                                        HorizontalOptions="StartAndExpand"
                                        Text=""
                                        TextColor="Black"
                                        VerticalOptions="Center" />
                                </Frame>
                            </StackLayout>
                        </Grid>
                    </xct:TabViewItem.Content>
                </xct:TabViewItem>
    
                <!-- Pagina Silos -->
                <xct:TabViewItem Style="{StaticResource TabViewItemStyle}" Text="Silos">
                    <xct:TabViewItem.Content>
                        <StackLayout>
                            <Label
                                HorizontalOptions="Center"
                                Text="Silos"
                                VerticalOptions="CenterAndExpand" />
                        </StackLayout>
                    </xct:TabViewItem.Content>
                </xct:TabViewItem>
    
                <!-- Pagina ProdottiSilos -->
                <xct:TabViewItem Style="{StaticResource TabViewItemStyle}" Text="ProdottiSilos">
                    <xct:TabViewItem.Content>
                        <StackLayout>
                            <Label
                                HorizontalOptions="Center"
                                Text="ProdottiSilos"
                                VerticalOptions="CenterAndExpand" />
                        </StackLayout>
                    </xct:TabViewItem.Content>
                </xct:TabViewItem>
    
                <!-- Pagina CodiciRFID -->
                <xct:TabViewItem Style="{StaticResource TabViewItemStyle}" Text="CodiciRFID">
                    <xct:TabViewItem.Content>
                        <StackLayout>
                            <Label
                                HorizontalOptions="Center"
                                Text="CodiciRFID"
                                VerticalOptions="CenterAndExpand" />
                        </StackLayout>
                    </xct:TabViewItem.Content>
                </xct:TabViewItem>
            </xct:TabView>
        </Grid>
        </ContentPage.Content>
    </ContentPage>
  • Posted 23 June 2023, 7:55 am EST

    Hi, i think the problem is the TabView. In my project, a Tab opens first, then scrolling to the second Tab where there is the FlexGrid and it is all white. I removed the first Tab from the code so that the one with the FlexGrid appears first and in fact it is seen correctly however if I switch to the second Tab and then go back to the first where the FlexGrid is now it is no longer visible and it is all white . Also, since the FlexGrid didn’t scroll through the various columns, I had to set IsSwipeEnabled=“False” for the TabView. It also seems to me that the scrolling of the FlexGrid is slower than on a page without TabView. Code for testing:

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage
        x:Class="PlantLogiXMobile.PageSincronizzazione"
        xmlns="http://xamarin.com/schemas/2014/forms"
        xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
        xmlns:c1Grid="clr-namespace:C1.Xamarin.Forms.Grid;assembly=C1.Xamarin.Forms.Grid"
        xmlns:local="clr-namespace:PlantLogiXMobile;assembly=PlantLogiXMobile"
        xmlns:xct="http://xamarin.com/schemas/2020/toolkit"
        BackgroundColor="{StaticResource PageBackgroundColor}"
        Visual="Material"
        x:DataType="local:PageSincronizzazione">
    
        <ContentPage.Resources>
            <ResourceDictionary>
                <Style x:Key="TabViewItemStyle" TargetType="xct:TabViewItem">
                    <Setter Property="BackgroundColor" Value="{StaticResource TabViewUnSelectedBackColor}" />
                    <Setter Property="TextColor" Value="{StaticResource TabViewUnSelectedTextColor}" />
                    <Setter Property="FontSize" Value="14" />
                    <Setter Property="Padding" Value="0,-10,0,-10" />
                    <!-- Imposta il valore del margine interno -->
                    <Style.Triggers>
                        <Trigger Property="IsSelected" Value="True" TargetType="xct:TabViewItem">
                            <Setter Property="BackgroundColor" Value="{StaticResource TabViewSelectedBackColor}" />
                            <Setter Property="TextColor" Value="{StaticResource TabViewSelectedTextColor}" />
                            <Setter Property="FontSize" Value="14" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </ResourceDictionary>
        </ContentPage.Resources>
    
        <ContentPage.Content>
            <Grid>
                <Grid.RowDefinitions>
                    <!-- 0 >> Toolbar -->
                    <RowDefinition Height="Auto" />
                    <!-- 1 >> TabView -->
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
    
                <!-- Toolbar superiore -->
                <Grid Grid.Row="0">
                    <Grid.ColumnDefinitions>
                        <!-- Larghezza impostata su "*" per occupare lo spazio rimanente -->
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
    
                    <Grid.RowDefinitions>
                        <!-- Spazio per la toolbar -->
                        <RowDefinition Height="36" />
                    </Grid.RowDefinitions>
    
                    <StackLayout
                    Grid.Column="0"
                    BackgroundColor="{StaticResource ToolbarBackgroundColor}"
                    HorizontalOptions="FillAndExpand"
                    Orientation="Horizontal"
                    Padding="10">
                        <!-- Contenuto della Toolbar... -->
                        <Label
                        Grid.Column="0"
                        FontAttributes="Bold"
                        FontSize="Small"
                        HorizontalOptions="StartAndExpand"
                        Text="PLANTLOGIX"
                        TextColor="{StaticResource ToolbarAppNameTextColor}"
                        VerticalOptions="Center" />
                        <Label
                        Grid.Column="1"
                        FontAttributes="Bold"
                        HorizontalOptions="CenterAndExpand"
                        Text="SINCRONIZZAZIONE"
                        TextColor="{StaticResource ToolbarTitleTextColor}"
                        VerticalOptions="Center" />
    
                        <ImageButton
                        Grid.Column="2"
                        Aspect="AspectFill"
                        BackgroundColor="Transparent"
                        BorderColor="Transparent"
                        Clicked="OnInfoClicked"
                        HeightRequest="24"
                        HorizontalOptions="EndAndExpand"
                        Source="dots_icon.png"
                        VerticalOptions="FillAndExpand"
                        WidthRequest="24" />
                    </StackLayout>
                </Grid>
    
                <!-- Contenuto delle pagine -->
                <xct:TabView Grid.Row="1" IsSwipeEnabled="False">
                    <xct:TabViewItem  Text="EANVenditaFornitori">
                        <xct:TabViewItem.Content>
                            <StackLayout>
                                <Grid VerticalOptions="FillAndExpand">
                                    <c1Grid:FlexGrid x:Name="flexGridEANVenditaFornitori" />
                                </Grid>
                            </StackLayout>
                        </xct:TabViewItem.Content>
                    </xct:TabViewItem>
                    <!-- Pagina Silos -->
                    <xct:TabViewItem Style="{StaticResource TabViewItemStyle}" Text="Silos">
                        <xct:TabViewItem.Content>
                            <StackLayout>
                                <Label
                                HorizontalOptions="Center"
                                Text="Silos"
                                VerticalOptions="CenterAndExpand" />
                            </StackLayout>
                        </xct:TabViewItem.Content>
                    </xct:TabViewItem>
    
                    <!-- Pagina ProdottiSilos -->
                    <xct:TabViewItem Style="{StaticResource TabViewItemStyle}" Text="ProdottiSilos">
                        <xct:TabViewItem.Content>
                            <StackLayout>
                                <Label
                                HorizontalOptions="Center"
                                Text="ProdottiSilos"
                                VerticalOptions="CenterAndExpand" />
                            </StackLayout>
                        </xct:TabViewItem.Content>
                    </xct:TabViewItem>
    
                    <!-- Pagina CodiciRFID -->
                    <xct:TabViewItem Style="{StaticResource TabViewItemStyle}" Text="CodiciRFID">
                        <xct:TabViewItem.Content>
                            <StackLayout>
                                <Label
                                HorizontalOptions="Center"
                                Text="CodiciRFID"
                                VerticalOptions="CenterAndExpand" />
                            </StackLayout>
                        </xct:TabViewItem.Content>
                    </xct:TabViewItem>
                </xct:TabView>
            </Grid>
        </ContentPage.Content>
    </ContentPage>
  • Posted 26 June 2023, 3:29 am EST - Updated 26 June 2023, 3:35 am EST

    Hi,

    Still, we are unable to replicate this issue at our end.

    We commented first TabViewItem to replicate the issue.

    Please refer the GIF for the same:



    Please refer the attached modified sample for the same: FlexGridXamarin_Mod.zip

    Could you please update the sample? So, that we can replicate and investigate.

    Best regards,

    Nitin

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels