Indicator appearin on iOS above content

1 Answer 57 Views
SlideView
Steven
Top achievements
Rank 1
Iron
Steven asked on 02 Nov 2023, 12:39 PM | edited on 02 Nov 2023, 02:14 PM

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.

1 Answer, 1 is accepted

Sort by
0
Steven
Top achievements
Rank 1
Iron
answered on 02 Nov 2023, 02:36 PM
I found this answer, I had misundersood "NavigationButtonsVisibility" and created a solution that accidentally sort of worked.  With "NavigationButtonsVisibility" not set it works.
Tags
SlideView
Asked by
Steven
Top achievements
Rank 1
Iron
Answers by
Steven
Top achievements
Rank 1
Iron
Share this question
or