Questions on UI for .NET MAUI Forum

0 answers

143 views

App Builder

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.

AutoComplete

asked on 29 Oct 2023

1 answer

534 views

Telerik RadListView failing to render Grouped List Items correctly on iOS (MAUI .NET7)

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

ListView (obsolete)

answered on 27 Oct 2023

1 answer

268 views

Moving forms RadCalendar to MAUI RadCalendar

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?

General Discussions

Scheduler

answered on 24 Oct 2023

1 answer

160 views

Change Text Highlighting When RadEntry is Focused

Hi, is there a way to change the color of the text highlighting when a RadEntry is focused? Currently, we need this feature for our project.

Entry

updated answer on 23 Oct 2023

1 answer

154 views

How to select week range in Calendar?

Hi, I want to select a week range.

When I select a weekday (just one), I want to highlight selected day for the full week.

For example, if I select a 4 October, the calendar will display week select from 2 October to 8 October.

Thank you in advance.

Calendar

answered on 20 Oct 2023

1 answer

367 views

.NET 8 Question

I created a brand new .NET 8 (.NET MAUI) project and I was able to deploy to iOS successfully, when I installed the Telerik.UI.for.MAUI nuget package (version 6.3.0) I keep getting the following errors:

Xamarin.Messaging.IDB.Local.DeployAppMessageHandler Error: 0 : An error occurred while trying to deploy the app 'NewPreview.app'. Details: Could not install the application 'C:\Users\salmohtasib\AppData\Local\Temp\Xamarin\HotRestart\Signing\NewPreview.app\out\NewPreview.ipa' on the device 12028’s iPhone. Details: ApplicationVerificationFailed|0xE8008014 - Failed to verify code signature of /var/installd/Library/Caches/com.apple.mobile.installd.staging/temp.mW1lmq/extracted/Payload/NewPreview.app/Frameworks/libSkiaSharp.framework : 0xe8008014 (The executable contains an invalid signature.)

Xamarin.iOS.Windows.WindowsiOSException: Could not install the application 'C:\Users\salmohtasib\AppData\Local\Temp\Xamarin\HotRestart\Signing\NewPreview.app\out\NewPreview.ipa' on the device 12028’s iPhone. Details: ApplicationVerificationFailed|0xE8008014 - Failed to verify code signature of /var/installd/Library/Caches/com.apple.mobile.installd.staging/temp.mW1lmq/extracted/Payload/NewPreview.app/Frameworks/libSkiaSharp.framework : 0xe8008014 (The executable contains an invalid signature.)

at Xamarin.iOS.Windows.Installer.ApplicationSession.InstallApp(String appPath, String appBundleId) in D:\a\_work\1\s\src\Tools\Xamarin.iOS.Windows.Client\Installer\ApplicationSession.cs:line 276

at Xamarin.iOS.Windows.Installer.ApplicationSession.Deploy(String appRootFolder, String appBundleId, String appName) in D:\a\_work\1\s\src\Tools\Xamarin.iOS.Windows.Client\Installer\ApplicationSession.cs:line 95

at Xamarin.iOS.Windows.HotRestartClient.Deploy(AppleDevice nativeDevice, String appBundleId, String appBundleName, Boolean& incremental) in D:\a\_work\1\s\src\Tools\Xamarin.iOS.Windows.Client\HotRestartClient.cs:line 250

at Xamarin.Messaging.IDB.Local.DeployAppMessageHandler.<ExecuteAsync>d__5.MoveNext() in D:\a\_work\1\s\src\Messaging\Xamarin.Messaging.IDB.Local\Handlers\DeployAppMessageHandler.cs:line 43: 10/19/2023 00:42:53Z

It looks like it's an issue with libSkiaSharp.

This is my .NET version 8.0.100-rc.2.23502.2

.NET MAUI version 8.0.0-rc.2.9373/8.0.100-rc.2 SDK 8.0.100-rc.2

Visual Studio Version 17.8.0 Preview 4.0

Any help is appreciated, thank you!

General Discussions

answered on 19 Oct 2023

1 answer

115 views

Can we Insert/Remove RadTabView Item by Code

Dear Telerik,

We are doing a desktop app with UI look like Chrome. So if we can use RadTabView and Insert/Remove Item by code?

TabView

answered on 19 Oct 2023

1 answer

271 views

[Solved] Icon in Accordion Header

Is it possible to add an icon or any other controls (like a second label perhaps) to the Header of an Accordion? Or are they limited to only have a single label and the arrow symbol?

Thanks,

-Josh

Accordion

answered on 19 Oct 2023

1 answer

185 views

Unable to get Hot Reload to work on ListView

On a simple project with Telerik installed, I can change the FontSize on a simple standard label and Hot Reload works. If I try to change the FontSize on a column in a ListView (in another project), Hot Reload does not work. Settings in Tools\Options all appear to be the same between the projects. Screen Print attached.

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage 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"
             xmlns:viewModels="clr-namespace:peMove.Maui.LookupViewModels"
             x:Class="peMove.Maui.Pages.MainPage">

    <telerik:RadListView x:Name="listView" ItemsSource="{Binding Source}" MinimumWidthRequest="100" >
        <telerik:RadListView.BindingContext>
            <viewModels:ViewModel_L />
        </telerik:RadListView.BindingContext>

        <telerik:RadListView.ItemTemplate>
            <DataTemplate>
                <telerik:ListViewTemplateCell>
                    <telerik:ListViewTemplateCell.View>

                        <telerik:RadBorder x:Name="border01" BorderThickness="0, 0, 0, 1"
                                               BackgroundColor="White"
                                               BorderColor="#b1b1b1">
                            <Grid RowDefinitions="Auto" 
                                      ColumnSpacing="5"
                                      ColumnDefinitions="Auto,*,Auto" Margin="10,10">

                                <!--Column 1: Icon-->
                                <telerik:RadBorder x:Name="border02" 
                                                       Grid.Column="0"
                                                       CornerRadius="20"
                                                       WidthRequest="40" 
                                                       VerticalOptions="Center"
                                                       HorizontalOptions="Center"
                                                       BackgroundColor="{Binding Color}"
                                                       Padding="12,6"
                                                       Margin="10"
                                                       HeightRequest="40">
                                    <Label FontSize="20"
                                               Text="{Binding TypeShort}"
                                               TextColor="#FFFFFFDE"
                                               VerticalOptions="Center" 
                                               HorizontalOptions="Center"/>
                                </telerik:RadBorder>

                                <!--Column 2: Data-->
                                <VerticalStackLayout Grid.Column="1" 
                                                         Spacing="3"
                                                         Margin="0,6,0,6"
                                                         VerticalOptions="Center">
                                    <Label Text="{Binding Id}" 
                                               VerticalOptions="Center"
                                               HorizontalOptions="Start"
                                               FontSize="14"
                                               FontAttributes="Bold"
                                               TextColor="Black"/>
                                    <Label Text="{Binding Name}"
                                               HorizontalOptions="Start"
                                               VerticalOptions="Start"
                                               TextColor="{AppThemeBinding Light='#99000000'}" 
                                               FontSize="16"/>
                                    <Label Text="{Binding Status}"
                                               HorizontalOptions="Start"
                                               VerticalOptions="Start"
                                               TextColor="Black" 
                                               FontSize="10"/>
                                </VerticalStackLayout>

                                <!--Column 3: Quantity-->
                                <Label Grid.Column="2"
                                       Text="{Binding Quantity, StringFormat='{0:F2}'}"
                                       HorizontalOptions="Start"
                                       VerticalOptions="Start"
                                       TextColor="{AppThemeBinding Light='#7E7E7E'}" 
                                       FontSize="16"/>
                            </Grid>
                        </telerik:RadBorder>

                    </telerik:ListViewTemplateCell.View>
                </telerik:ListViewTemplateCell>
            </DataTemplate>
        </telerik:RadListView.ItemTemplate>

    </telerik:RadListView>

</ContentPage>

ListView (obsolete)

updated answer on 19 Oct 2023

1 answer

116 views

telerik:ListPickerButtonToolbarItem - can contained sub items?

For Desktop application: we neen to build customized toolbar - that might contained some sub toolbar items. Can we use In telerik:ListPickerButtonToolbarItem?

Expander

Toolbar

TreeView

answered on 18 Oct 2023