Hi Team,

I am using RadTabView, which contains 2 tabs.

1st Tab has RadEntry and 2nd tab has custom grid (not telerik).

When I click on 2tab and without the 2nd tab being appeared properly when I click on 1st tab, the app is getting crashed saying System.ObjectDisposedException: 'Cannot access a disposed object. Object name: 'Telerik.XamarinForms.InputRenderer.Android.BorderEditText'.'

Using following version:

Xamarin Forms:- 5.0.0.2515

Telerik UI For Xamarin:- 2022.3.914.1

Kindly help me out with this.

Thanks & Best Regards,

Mohammed Rameez Raza.

hi,

I want to ask you about the height of tabviewheaderitem that I set, but it doesn't seem to take effect. It exceeds the height I set. What should I do to keep it at the same height as the green grid? Thank you

I followed the suggestions found on the following ticket (Tab selection event in UI for Xamarin | Telerik Forums), however I am getting a null reference exception error at Xamarin.Forms.Platform.UWP.VisualElementTracker`2.OnPropertyChanged(Object sender, PropertyChangedEventArgs e) in D:\a\1\s\Xamarin.Forms.Platform.UAP\VisualElementTracker.cs:line 313

Xamarin.Forms.Platform.UWP.VisualElementTracker<System.__Canon,System.__Canon>.get_Element(...) returned null.

below is the event to command behavior setup

                        <telerikPrimitives:RadTabView.Behaviors>
                            <b:EventToCommandBehavior EventName="PropertyChanged" 
                                                      Command="{Binding CartTabViewPropertyChangedCommand}" 
                                                      EventArgsConverter="{StaticResource propertyChangedEventArgsConverter}" />
                        </telerikPrimitives:RadTabView.Behaviors>

the converter is very simple:

    class PropertyChangedEventArgsConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            var propertyChangedEventArgs = value as PropertyChangedEventArgs;
            if (propertyChangedEventArgs == null)
            {
                throw new ArgumentException("Expected value to be of type PropertyChangedEventArgs", nameof(value));
            }
            return propertyChangedEventArgs;
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

then finally the command is defined as follows:

this.CartTabViewPropertyChangedCommand = new Command(async (e) =>
{
    PropertyChangedEventArgs eventArgs = e as PropertyChangedEventArgs;
    if (eventArgs != null && eventArgs.PropertyName == "SelectedItem")
    {
        if (_previousSelectedTab == 0 && _selectedTab > 0)
        {
            if (cart?.customer?.shipToAddress?.zipCode?.Length >= 5)
                await UpdateCart();
        }
    }
});

The error occurs in the update cart command almost exclusively at the asynchronous call to a WCF endpoint...  although it is not the endpoint creating the error. the error just coincides with the async call

I want to make Command when tapped on item in tree view but this stopped Collapse / Expand behavior on tree View

Any help ?

Thanks.

Hello good afternoon, I have a problem since I updated to the most current versions of Xamarin.Forms and Telerik.

I had a ScrollView that was the parent of a RadTabView, and when switching between Tab items it updated as heights normally.

But after the update it records only the first height of the content of the first item and when I switch to the other items the scroll does not work because the height of the Tab does not change and he is unable to make a difference to calculate how much will roll.

EX:

 <ScrollView x:Name="s"
              BackgroundColor="Azure">
        <telerikPrimitives:RadTabView x:Name="tabView"
                                          BackgroundColor="Blue"
                                          IsContentSwipingEnabled="False">
            <telerikPrimitives:RadTabView.Items>
                <telerikPrimitives:TabViewItem HeaderText="Home">
                    <telerikPrimitives:TabViewItem.Content>
                        <StackLayout x:Name="sta"
                                         BackgroundColor="Aquamarine">

                            <StackLayout.GestureRecognizers>
                                <TapGestureRecognizer Tapped="st1" />
                            </StackLayout.GestureRecognizers>

                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                        </StackLayout>
                    </telerikPrimitives:TabViewItem.Content>
                </telerikPrimitives:TabViewItem>
                <telerikPrimitives:TabViewItem HeaderText="Folder">
                    <telerikPrimitives:TabViewItem.Content>
                        <StackLayout x:Name="stb"
                                         BackgroundColor="Firebrick">

                            <StackLayout.GestureRecognizers>
                                <TapGestureRecognizer Tapped="st2" />
                            </StackLayout.GestureRecognizers>

                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                        </StackLayout>
                    </telerikPrimitives:TabViewItem.Content>
                </telerikPrimitives:TabViewItem>
                <telerikPrimitives:TabViewItem HeaderText="View">
                    <telerikPrimitives:TabViewItem.Content>
                        <StackLayout x:Name="stc"
                                         BackgroundColor="DodgerBlue">

                            <StackLayout.GestureRecognizers>
                                <TapGestureRecognizer Tapped="st3" />
                            </StackLayout.GestureRecognizers>

                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                            <Label Margin="10" Text="This is the content of the Home tabdfoihdsoifhsoidhfoisdhfoishfois"
                               HeightRequest="50"
                               BackgroundColor="Red"/>
                        </StackLayout>
                    </telerikPrimitives:TabViewItem.Content>
                </telerikPrimitives:TabViewItem>
            </telerikPrimitives:RadTabView.Items>
        </telerikPrimitives:RadTabView>
    </ScrollView>

Ao mudar para o terceiro item da Tab ele não entende que deve fazer scroll.

Porf se alguém puder ajudar, agradeço.

Hello,

I was wondering if TabView has events, for example, on tab selection? If I wanted to load contents of a tab only when it is selected, is there such a mechanism available?

Hello, 

  I have a RadTabView who has 3 tabs.   For each tab header, i use a style like this :

<ControlTemplate x:Key="TabViewHeaderItemControlTemplate">
          <Grid BackgroundColor="{StaticResource GreyLightColor}"> 
               <primitives:RadBorder BorderThickness="0,0,0,0" HeightRequest="50" 
                                  CornerRadius="20,20,0,0"
                                  BorderColor="{StaticResource GreyMediumColor}"
                                  BackgroundColor="{StaticResource GreyMediumColor}"
                                  Padding="0" >

                <primitives:RadBorder.Triggers>
                    <DataTrigger TargetType="primitives:RadBorder"
                                 Binding="{TemplateBinding IsSelected}"
                                 Value="True">
                        <Setter Property="BackgroundColor" Value="{StaticResource Key=BlueLightColor}" />
                        <Setter Property="BorderColor" Value="{StaticResource Key=BlueLightColor}" />
                </DataTrigger>
                    <DataTrigger TargetType="primitives:RadBorder"
                                 Binding="{TemplateBinding IsSelected}"
                                 Value="False">
                    <Setter Property="BackgroundColor" Value="{StaticResource Key=GreyMediumColor}" />
                    <Setter Property="BorderColor" Value="{StaticResource Key=GreyMediumColor}" />
                </DataTrigger>
                </primitives:RadBorder.Triggers>
                
                <Label Text="{TemplateBinding Text}" 
                       HorizontalTextAlignment="Center"
                       VerticalTextAlignment="Center"
                       FontFamily="SFR-Bold.otf#SFR-Bold"
                       FontAttributes="Bold"
                       FontSize="20"  >
                    <Label.Triggers>
                        <DataTrigger TargetType="Label"
                                     Binding="{TemplateBinding IsSelected}"
                                     Value="True">
                            <Setter Property="TextColor" Value="White" />
                        </DataTrigger>
                        <DataTrigger TargetType="Label"
                                     Binding="{TemplateBinding IsSelected}"
                                     Value="False">
                            <Setter Property="TextColor" Value="{StaticResource Key=BlackColor}" />
                        </DataTrigger>
                    </Label.Triggers>
                </Label>
            </primitives:RadBorder>  
          </Grid> 
    </ControlTemplate>

  The result is like the photo attached.    But there is always a gap between two headers. 

  I want to know,  if there is a way that i can remove  the gap between two headers.  So that two tabs will be next to each other. 

  Thank you.

Good afternoon,

First sorry for my bad English.

I added several buttons to a RadTabView, the "More" button is displayed automatically. But how do I customize the design via code behind this button? Add an icon and text.

Thanks