Questions on UI for .NET MAUI Forum

0 answers

153 views

RadPath / RadArcSegment is causing an out of memory exception

I'm trying to follow your example for the arc segment here: https://docs.telerik.com/devtools/maui/controls/path/geometry-structure

However, when I use your example code my app throws an out of memory exception trying to draw the image.

The error message suggests that it's trying to draw an enormous image.

"[Bitmap] OOM allocating Bitmap with dimensions 1080 x 16777216"

Any suggestions? I have copy pasted the example code exactly as it is in the link provided (although I removed the style attribute as I don't have the static resource it's referencing)

Path

updated question on 23 Aug 2022

1 answer

523 views

DataGrid Refresh Navigation Item Visibility

I've struggled on and off getting the DataGrid to behave the way I expect. I've gone through this forum and made several changes based on related questions, but I still have some issues.

The biggest one I have now is the visibility of items when navigating around the App.

I whittled down the "HomePage" to just the DataGrid and some buttons. In the App I normally refresh this DataGrid when the page is navigated to. For simplicity's sake, I do it manually in this example. Because the HomePage is on the Navigation stack, I expect the Page and the ViewModel to remain valid and thus the items in the DataGrid to still be there, even if I don't refresh the data source. when I return to the page. See the images below and attached video example.

For additional context, I am using NavigationPages and Dependency Injection (for the Pages and ViewModels) to navigate (not AppShell).

    <Grid RowDefinitions="*,100">

        <telerik:RadDataGrid x:Name="grdRegisters"
                             RowHeight="50"
                             Style="{StaticResource ReadOnlyGridStyle}"
                             ItemsSource="{Binding Registers}"
                             SelectionStyle="{StaticResource SelectedRowBackgroundStyle}"
                             RowBackgroundStyle="{StaticResource RowBackgroundStyle}"
                             AlternateRowBackgroundStyle="{StaticResource AltRowBackgroundStyle}"
                             SelectedItem="{Binding SelectedRegister, Mode=TwoWay}">
            <telerik:RadDataGrid.Columns>
                <telerik:DataGridTemplateColumn HeaderText=""
                                                SizeMode="Fixed"
                                                Width="50">
                    <telerik:DataGridTemplateColumn.CellContentTemplate>
                        <DataTemplate x:DataType="RegisterModel">
                            <Label FontFamily="FASolid" 
                                   HorizontalOptions="Center"
                                   VerticalOptions="Center"
                                   Text="&#xf005;" 
                                   IsVisible="{Binding IsCurrentRegister, Mode=OneTime}"/>
                        </DataTemplate>
                    </telerik:DataGridTemplateColumn.CellContentTemplate>
                </telerik:DataGridTemplateColumn>

                <telerik:DataGridTemplateColumn HeaderText="Shift Date">
                    <telerik:DataGridTemplateColumn.CellContentTemplate>
                        <DataTemplate x:DataType="RegisterModel">
                            <Label Style="{StaticResource GridCellLabelStyle}" 
                                   Text="{Binding Date, Converter={StaticResource ToLocalTimeConverter}, StringFormat='{}{0:d}'}"/>
                        </DataTemplate>
                    </telerik:DataGridTemplateColumn.CellContentTemplate>
                </telerik:DataGridTemplateColumn>

                <telerik:DataGridTemplateColumn HeaderText="Shift Name">
                    <telerik:DataGridTemplateColumn.CellContentTemplate>
                        <DataTemplate x:DataType="RegisterModel">
                            <Label Style="{StaticResource GridCellLabelStyle}" 
                                   Text="{Binding Shift.Name}"/>
                        </DataTemplate>
                    </telerik:DataGridTemplateColumn.CellContentTemplate>
                </telerik:DataGridTemplateColumn>

                <telerik:DataGridTemplateColumn HeaderText="Start Time">
                    <telerik:DataGridTemplateColumn.CellContentTemplate>
                        <DataTemplate x:DataType="RegisterModel">
                            <Label Style="{StaticResource GridCellLabelStyle}" 
                                   Text="{Binding StartTime, Converter={StaticResource ToLocalTimeConverter}, StringFormat='{}{0:t}'}"/>
                        </DataTemplate>
                    </telerik:DataGridTemplateColumn.CellContentTemplate>
                </telerik:DataGridTemplateColumn>

                <telerik:DataGridTemplateColumn HeaderText="End Time">
                    <telerik:DataGridTemplateColumn.CellContentTemplate>
                        <DataTemplate x:DataType="RegisterModel">
                            <Label Style="{StaticResource GridCellLabelStyle}" 
                                   Text="{Binding EndTime, Converter={StaticResource ToLocalTimeConverter}, StringFormat='{}{0:t}'}"/>
                        </DataTemplate>
                    </telerik:DataGridTemplateColumn.CellContentTemplate>
                </telerik:DataGridTemplateColumn>


            </telerik:RadDataGrid.Columns>
        </telerik:RadDataGrid>

        <HorizontalStackLayout Grid.Row="1">
            <Button Text="Resume"
                    IsEnabled="{Binding SelectedRegister, Converter={StaticResource IsNotNullConverter}}"
                    Command="{Binding ResumeShiftCommand}"/>

            <Button Text="Refresh"
                    Command="{Binding RefreshCommand}"/>

        </HorizontalStackLayout>
        
    </Grid>

On initial Refresh, all items are visible in the DataGrid

I navigate forward and then back (PopToRoot), the DataGrid appears empty, although the vertical scroll appears like there are items.

If I tap Refresh, items become visible, but only above the first fold.

If i resize the window vertically, items will appear and disappear depending on the height of the window. (see attached video)

DataGrid

answered on 18 Aug 2022

1 answer

123 views

How to modify components' textColor which defined in the ListView's TemplateCell

Hey Team,

I have a question about how to modify only parts of components' TextColor which are included in ListView's TemplateCell if we disabled ListView.

For example, I have a DataTemplate which has two parts(right side, left side) , if I disabled listview, can we only modify right side TextColor to a Color?

For below code I just want to modify Description TextColor to a Color if we disabled ListView.

                    <DataTemplate>
                        <telerik:ListViewTemplateCell>
                            <telerik:ListViewTemplateCell.View>
                                <Grid x:Name="RadDockLayout"
                                      BackgroundColor="Gray">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="152" />
                                        <ColumnDefinition Width="152" />
                                    </Grid.ColumnDefinitions>
                                    <Label HorizontalOptions="Start"
                                           Text="{Binding Name}"
                                           TextColor="White" />
                                    <Label Grid.Column="1"
                                           HorizontalOptions="End"
                                           Text="{Binding Description}"
                                           TextColor="White" />
                                </Grid>
                            </telerik:ListViewTemplateCell.View>
                        </telerik:ListViewTemplateCell>
                    </DataTemplate>

Thanks

Allen

ListView (obsolete)

answered on 18 Aug 2022

1 answer

108 views

IOS APP will flash back when using DataGrid DataGridTextColumn.

Hi teams:

When using the DataGrid control, when we use the DataGridTextColumn column property to generate a column and publish it to the ios real machine iphone test, a flashback operation will occur, but when we change the DataGridTemplateColumn column property to generate a column, the flashback operation will not occur.

So we want to ask is it not possible to use this DataGridTextColumn to generate columns on the iphone? Or is there some other setting we missed?

The code please refer to image,image1 will flash back,and image2 will not flash back.

Thanks.

DataGrid

answered on 17 Aug 2022

1 answer

288 views

Telerik UI for .NET MAUI pkg & MAUI Workload Mismatch Issue

Hi Telerik Team,

I noticed that there is no more "Telerik UI for .NET MAUI pkg & MAUI Workload Mismatch Issue" like below in the latest version 2.3.0, my understanding is: Telerik UI for .NET MAUI pkg still has the dependency on MAUI Workload, but it did a good job on compatibility.

It will be perfect if you guys can share more insight or details about this improvement.

WINAPPSDKGENERATEPROJECTPRIFILE : error : PRI175: 0x80073b0f - Processing Resources failed with error: Duplicate Entry.

WINAPPSDKGENERATEPROJECTPRIFILE : error : PRI222: 0x80073b0f - Unspecified error occurred.

Note: version 2.3.0/version 2.2.0 worked with MAUI 419/449 and no matter what combination.

General Discussions

answered on 10 Aug 2022

2 answers

920 views

Telerik MAUI is not compatible with net6.0

Hey Team,

I got a error when we added Telerik.UI.for.MAUI.Trial 1.0.1 reference into my MAUI class libraries, It said Project XXX is not compatible with net6.0 (.NETCoreApp,Version=v6.0). Project XXX supports: net6.0-windows10.0.19041 (.NETCoreApp,Version=v6.0)

For right now we created Unit Test for ClassLibrary and it is related Net 6.0. ClassLibrary needs other projects&amp;nbsp;reference which include telerik, you can see my below screenshot.

Repro steps:

1. Create a MAUI class Library A and add Telerik.UI.for.MAUI.Trial 1.0.1 reference into library A.

2. Create a MAUI ClassLibrary B and add ClassLibraryA reference into B.

Is there a way to fix this issue?

Thanks

Allen

General Discussions

answered on 05 Aug 2022

1 answer

265 views

How to control the font size in segmentedcontrol

I want to enlarge the font size in the option, but there is no fontsize attribute in this control. How can I enlarge the font of this option。

The code is as follows：

 <telerikInput:RadSegmentedControl Grid.Row="8" Grid.Column="1" Style="{StaticResource NormalSegmentControl}" ItemsSource="{Binding YesNoList}" SelectedIndex="{Binding CodeIndex, Mode=TwoWay}"/>

SegmentedControl

answered on 04 Aug 2022

1 answer

149 views

How to implement zebra striping of RadListView.

Hey Team,

I have a question for how to implement zebra striping of RadListView?

Do you have a in-built feature to do that?

For right now I know we can use DataTemplateSelector or Converter, do we have a better in-built feature to do that?

Thanks

Allen

ListView (obsolete)

answered on 02 Aug 2022

0 answers

419 views

ListView Width value changed

Hey Team,

I was wondering if it is a problem, when I used RadListView in a Grid, Grid has ColumnSpacing,

for example:

 <Grid ... 
RowSpacing="1"
      ColumnSpacing="1"
      WidthRequest="305"
      HeightRequest="303"
      BackgroundColor="#FF454545">
    <Grid.RowDefinitions>
        <RowDefinition Height="36"/>
        <RowDefinition Height="28"/>
        <RowDefinition Height="82"/>
        <RowDefinition Height="50"/>
        <RowDefinition Height="50"/>
        <RowDefinition Height="50"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="152"/>
        <ColumnDefinition Width="152"/>
    </Grid.ColumnDefinitions>

    <telerik:RadListView x:Name="listView" Grid.Row="5" Grid.ColumnSpan="2" WidthRequest="305">
        <telerik:RadListView.ItemTemplate>
            <DataTemplate>
                <telerik:ListViewTemplateCell>
                    <telerik:ListViewTemplateCell.View>
                        <Grid BackgroundColor="Gray">
                            <Label Margin="10" Text="{Binding Name}" />
                        </Grid>
                    </telerik:ListViewTemplateCell.View>
                </telerik:ListViewTemplateCell>
            </DataTemplate>
        </telerik:RadListView.ItemTemplate>
    </telerik:RadListView>
.
.
.
</Grid>