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

I'm implementing the RadCalendar in my MAUI app but there  is a problem. I need to remove the current date coloured circle over a date and just change the background colour. of the current date. I've tried to change the template for the day, but that changes all days.

The forms version doesn't have the current day shown as anyything orther than the border of the current day shown. Can this be replicated in the MAUI version?

Didi
Telerik team
 answered on 02 Nov 2023
1 answer
100 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
134 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
146 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
76 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
129 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
87 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
457 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
78 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
396 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
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?