Telerik Forums
UI for .NET MAUI Forum
1 answer
57 views

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.

Steven
Top achievements
Rank 1
Iron
 answered on 02 Nov 2023
1 answer
87 views

I have a RadDatePicker and on Android (DarkMode) the buttons are very hard to see. The background is almost black and the button text is a very dark blue making it almost impossible to see. 

How do I style the button color on darkmode to ensure that you can see the button text? iOS is fine, but android is not.

Thanks

Billy

Didi
Telerik team
 answered on 02 Nov 2023
1 answer
115 views

Good morning,

I have a quick question, is there a way to change the default font from Times New Roman for the RadRichTextEditor?

Didi
Telerik team
 answered on 01 Nov 2023
1 answer
55 views

UPDATE: I just stumbled across this after i posted but it was crashing because i had the Telerik Example: DayStyleSelector applied with the DayTemplate. If i were to remove the DayStyleSelector the control no longer crashes. 


The attached image is my Calendar control as you can see it seems like its a bit sqiushed where sunday is right as the edge of the control and saturday has some space to the right of it. 

Additionally the dates are not centered in the middle of the selection circles. 

I tried to use the example Day template(https://docs.telerik.com/devtools/maui/controls/calendar/templates) to see if i can fix this myself but when applied i get a crash...

    <DataTemplate x:Key="DayLabelTemplate">
        <telerik:RadBorder>
            <Label TextColor="#8660C5"
                   TextDecorations="Underline"
                   Text="{Binding Text}"
                   HorizontalTextAlignment="Center"
                   VerticalTextAlignment="Center"
                   FontSize="20"
                   FontAttributes="Bold"/>
        </telerik:RadBorder>
    </DataTemplate>

 

Am I doing something wrong or is there currently something wrong with the Calendar control?
I've only done testing on Android and have not tested anything out on an iOS device yet. 

 

Code behind.....

                <Grid
        Padding="20"
        HorizontalOptions="CenterAndExpand"
        VerticalOptions="CenterAndExpand">
        <Grid
            Padding="10"
            BackgroundColor="{AppThemeBinding Light={StaticResource BackgroundColorLight},
                                              Dark={StaticResource BackgroundColorDark}}"
            HorizontalOptions="CenterAndExpand"
            RowSpacing="10"
            VerticalOptions="CenterAndExpand">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>

            <telerik:RadCalendar
                x:Name="MyCalendar"
                Grid.Row="0"
                AutomationId="calendar"
                SelectionMode="Single"
                DayTemplate="{StaticResource DayLabelTemplate}"
                BackgroundColor="{AppThemeBinding Light={StaticResource BackgroundColorLight},
                                                  Dark={StaticResource AccentColorLightDark}}"
                DisplayMode="Month"
                HeaderBorderStyle="{StaticResource HeaderBorderStyle}"
                HeaderLabelStyle="{StaticResource HeaderLabelStyle}"
                DayStyleSelector="{StaticResource DayStyleSelector}"
                MaxDate="12/31/2024"
                MinDate="1/1/2022" />

            <StackLayout
                Grid.Row="1"
                HorizontalOptions="CenterAndExpand"
                Orientation="Horizontal"
                VerticalOptions="CenterAndExpand">
                <StackLayout.Spacing>
                    <OnPlatform x:TypeArguments="x:Double">
                        <On Platform="iOS" Value="40" />
                        <On Platform="Android" Value="20" />
                    </OnPlatform>
                </StackLayout.Spacing>
                <Button
                    Padding="-1"
                    BackgroundColor="{AppThemeBinding Light={StaticResource BackgroundColorLight},
                                                      Dark={StaticResource AccentColorDark}}"
                    Clicked="CancelButton_Clicked"
                    HeightRequest="30"
                    Style="{StaticResource BaseButtonStyle}"
                    Text="Cancel"
                    TextColor="{AppThemeBinding Light={StaticResource TextColorLight},
                                                Dark={StaticResource TextColorDark}}" />
                <Button
                    Padding="-1"
                    BackgroundColor="{AppThemeBinding Light={StaticResource BackgroundColorLight},
                                                      Dark={StaticResource AccentColorDark}}"
                    Clicked="OkButton_Clicked"
                    HeightRequest="30"
                    Style="{StaticResource BaseButtonStyle}"
                    Text="Ok"
                    TextColor="{AppThemeBinding Light={StaticResource TextColorLight},
                                                Dark={StaticResource TextColorDark}}" />
            </StackLayout>
        </Grid>
    </Grid>

 

 

 

 

 

 

Didi
Telerik team
 answered on 31 Oct 2023
1 answer
77 views
Desktop/Tablet app: Is it possible to show ContextMenu on left click instead of right click?
Didi
Telerik team
 answered on 30 Oct 2023
0 answers
56 views

I have a Tabbed Layout with a RadChat in one of the tabs.

On iOS I have to force height of chat item otherwise user cannot initiate type/keyboard into chat.

On Samsung devices, some of the Chats will show up and then disappear and are inaccessible. Others work ok.

On Pixel all works as designed.

Is there a way to target the Manufacturer and work around this issue?

billy
Top achievements
Rank 2
Iron
Iron
Iron
 asked on 30 Oct 2023
2 answers
346 views
The documentation on your website https://docs.telerik.com/devtools/maui/controls/datagrid/columns/column-types/picker-column#important-properties is not complete and does not work.  Your downloaded samples does not include a sample of cell edit that includes a picker.  There are no working examples on the internet, your website, etc...  I'm trying to use a .net maui datagrid and get the picker to display data when editing the cell.  The picker displays, but the picker is empty.  The "country" example you provide isn't complete.
Lance | Senior Manager Technical Support
Telerik team
 answered on 29 Oct 2023
0 answers
49 views
Hello I am Emmanuel Brosius i have an idea of Building an app but i don't know where to start from is it possible for me to learn from you because I really want to learn how to build an app if you can help me that would be awesome.
Emmanuel
Top achievements
Rank 1
 asked on 29 Oct 2023
1 answer
303 views

Hi,

We are in process of porting Xamarin Forms app to MAUI. 

There's some very bad rendering issues when use Telerik RadListView (in Grouped List mode) under iOS that are working fine for Android.

As per screenshot attached - the List Items on iOS are suffering from these problems which we don't see on Android : 

  • Dynamic Item Heights are being ignored on iOS. (all items are same height even though they are varying heights as per Android)
  • Margins/Spacing around Items (root UIElement inside the DataTemplate have Margins set) are being ignored on iOS - as per screenshot there is no spacing between items and items are rendering to edge of control.

Some additional notes on versions :

  • Using latest MAUI .NET7 - 7.0.96 (SR8)
  • Using Telerik Controls - 6.3.0

Screenshots are from Emulators (Android 13 and iOS 16.4) - however same behaviour observed on devices and other os versions too.

Can you please advise further & if an update will be provided to address these problems.

 

thanks

Niall

 

 

Didi
Telerik team
 answered on 27 Oct 2023
1 answer
131 views

I have the following in the old Forms project which I have mostly ported to MAUI, however I have  the following which I can't find implemented in MAUI

(forms version)

xmlns:calendarCommands="clr-namespace:Telerik.XamarinForms.Input.Calendar.Commands;assembly=Telerik.XamarinForms.Input"

<telerik:RadCalendar.Commands>
        <calendarCommands:ShowAddAppointmentViewCommand />
    <calendarCommands:ShowEditAppointmentViewCommand />
    <calendarCommands:CalendarUserCommand />
    </telerik:RadCalendar.Commands>
</telerik:RadCalendar>

None of these appear to have an equivelent in MAUI

Is there a guide to moving these command over or is there a plan in a future update to have them?

 

Yana
Telerik team
 answered on 24 Oct 2023
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?