Questions on UI for .NET MAUI Forum

1 answer

81 views

RadSlideView : MaxVisibleItems Not Accessible

I have a scenario where I have a large amount of items in my RadSlideView and want to limit the amount of visible indicators. I noticed that there is supposed to be a property called MaxVisibleItems (from the documentation) that I could use to limit the maximum visibile indicators, but when I try to set it in XAML it is not recognized or not accessible.

I'm using the latest version of Telerik.UI.for.Maui (6.8.0) from the telerik nuget feed.

Referenced Documentation: https://docs.telerik.com/devtools/maui/controls/slideview/indicators

SlideView

answered on 29 Mar 2024

1 answer

99 views

RadSlideView Panning Issue in Android with Frames

I noticed that if I use the RadSlideView in a Maui project running on Android the panning gestures do not work when in a frame control. It works fine on a windows machine but does nothing in Android.

Here's the view that i'm using which i modified from the SDKBrowserMaui:

<?xml version="1.0" encoding="utf-8" ?>
<telerik:RadContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
                        xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                        xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
                        x:Class="SDKBrowserMaui.Examples.SlideViewControl.FeaturesCategory.InteractionModeExample.InteractionMode"
                        Margin="5">
    <Grid>
        <!-- >> slideview-interaction-xaml -->
        <telerik:RadSlideView x:Name="slideView"
                              ItemsSource="{Binding Views}"
                              InteractionMode="Pan">
            <telerik:RadSlideView.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                        </Grid.RowDefinitions>

                        <Label Grid.Row="0" Text="{Binding Content}" HorizontalTextAlignment="Center" Margin="20"></Label>
                        <Frame Grid.Row="1" Background="LightGray" CornerRadius="15" Margin="15">
                            <!--<Frame.GestureRecognizers>
                                <SwipeGestureRecognizer Direction="Left,Right" Swiped="SwipeGestureRecognizer_OnSwiped"></SwipeGestureRecognizer>
                            </Frame.GestureRecognizers>-->
                            <telerik:RadButton Text="Button in Frame"
                                               TextColor="#007ACC"
                                               VerticalOptions="Center"/>
                        </Frame>
                        <telerik:RadButton Grid.Row="2" Text="Button in Grid"
                                       TextColor="#007ACC"
                                       VerticalOptions="Center"/>
                    </Grid>
                </DataTemplate>
            </telerik:RadSlideView.ItemTemplate>
        </telerik:RadSlideView>
        <!-- << slideview-interaction-xaml -->
    </Grid>
</telerik:RadContentView>

I realize I can get it to work by adding a GestureRecognizer in the frame but it took a while to figure out what was going wrong.

SlideView

answered on 29 Mar 2024

1 answer

425 views

Scrolling whilst touching SlideView within MAUI Native ScrollView not working

I have a SlideView within a native MAUI ScrollView. Unfortunately the ScrollView does not scroll when the touch event starts on the SlideView. This worked in Xamarin.

I have managed to get SwipeGestureRecognizers for Up and Down working - but since I do not know how far has been swiped, I cannot convert this to a scroll action.

Are there any suggestions on how to fix the scrolling.

SlideView

answered on 09 Nov 2023

1 answer

116 views

Indicator appearin on iOS above content

I am new to Telerik controls and have been migrating a project from Xamarin to MAUI.

I have managed to get the RadSlideView indicator working and styled as I desire, but for some reason the indicators appear above the content instead of below it.

<ResourceDictionary><Style x:Key="IndicatorStyle" TargetType="telerik:SlideViewIndicator">
    <Style x:Key="IndicatorStyle" TargetType="telerik:SlideViewIndicator">
        <Setter TargetName="ellipse" Property="Ellipse.Fill" Value="{DynamicResource Gray500}" /> <!-- Indicator does not appear without this setter when debugging, i do not know why. App then crashes without the debugger.-->
    </Style>
    <Style TargetType="telerik:SlideViewIndicatorItem">
        <Setter Property="ControlTemplate">
            <Setter.Value>
                <ControlTemplate>
                    <Grid WidthRequest="20" HeightRequest="10">
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup Name="CommonStates">
                            <VisualState Name="Normal" />
                            <VisualState Name="Disabled">
                                <VisualState.Setters>
                                    <Setter TargetName="ellipse" Property="Ellipse.Fill" Value="{DynamicResource Gray500}" />
                                </VisualState.Setters>
                            </VisualState>
                            <VisualState Name="Selected">
                                <VisualState.Setters>
                                    <Setter TargetName="ellipse" Property="Ellipse.Fill" Value="{DynamicResource Green}" />
                                    <Setter TargetName="ellipse" Property="Ellipse.WidthRequest" Value="8" />
                                    <Setter TargetName="ellipse" Property="Ellipse.HeightRequest" Value="8" />
                                </VisualState.Setters>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                    <Ellipse x:Name="ellipse"
                             WidthRequest="8"
                             HeightRequest="8"
                             VerticalOptions="End"
                             Fill="{DynamicResource Gray500}">
                    </Ellipse>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style></ResourceDictionary>
 
                        <telerik:RadSlideView
                            x:Name="RadSlideView"
                            IsVisible="{Binding HasSingleShareCertificatePrice, Converter={StaticResource InverseBooleanConverter}}"
                            ItemsSource="{Binding ShareCertificatePrices}"
                            IndicatorStyle="{StaticResource IndicatorStyle}"
                            CurrentIndex="{Binding SelectedIndex, Mode=TwoWay}"
                            NavigationButtonsVisibility="Collapsed"
                            InteractionMode="Pan"
                            >

None of the examples I can find result in the indicator being shown, apart from the strange property above. This property then causes a crash without the debugger.

The Indicators appear above the control, i expect to find them below.

SlideView