Hello Alexander,
Thank you for updating the project.
Using it, I was able to reproduce the described indentation issue in RadCollectionView. Upon further investigation, the issue appears to be caused by the ColumnSpacing property of the Grid layout. This is a known issue that is already logged in the MAUI repository and can also be easily reproduced outside of RadCollectionView: https://github.com/dotnet/maui/issues/24354
Please check this comment, which provides detailed information about what is essentially causing the issue.
As a workaround, I suggest removing the ColumnSpacing from the Grid layout and using Margin to achieve the desired layout:
<Grid
RowSpacing="10"
ColumnDefinitions="*,*,*"
RowDefinitions="Auto,Auto,*">
<Button
Text="Button 1"
Margin="0, 0, 10, 0" />
<Button
Grid.Column="1"
Text="Button 2"
Margin="5, 0, 5, 0" />
<Button
Grid.Column="2"
Text="Button 3"
Margin="10, 0, 0, 0" />
<Button
Grid.Row="1"
Grid.ColumnSpan="3"
Text="{Binding TotalMemory,
StringFormat='Heap size: {0:0.0} mb'}" />
<!-- Rest of the code, containing the CollectionView -->
You can also consider modifying the current layout by removing the ColumnSpacing and columns from the Grid, placing the buttons in the first row that requires spacing inside another Grid, and then setting the spacing for that layout:
<Grid RowDefinitions="Auto, Auto, *">
<Grid ColumnDefinitions="*, *, *" ColumnSpacing="20">
<Button Text="Button 1"/>
<Button Grid.Column="1" Text="Button 2"/>
<Button Grid.Column="2" Text="Button 3"/>
</Grid>
<Button Grid.Row="1"
Text="{Binding TotalMemory, StringFormat='Heap size: {0:0.0} mb'}"/>
</Grid>
As for the scrolling issue, I was not able to reproduce the behavior shown in the provided video. I’ve attached a screen recording from my side for comparison. There is a chance that once the layout is reworked and ColumnSpacing is removed, the issue may also be resolved. However, if you still observe it after removing ColumnSpacing, please modify the sample to reproduce it so I can continue my investigation.
I'm looking forward to your reply.
Regards,
Denis
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Hello Denis,
Please see the updated project.
Maui version does not matter, tried latest - 9.0.100 - the same behavior.
Hello Alexander,
Thank you for sharing the video and the screenshot.
I have created a sample app to test the scenario and I couldn't reproduce the issue on my end - video and an image are attached. I did not set any margins and padding to the CollectionView. Based on the attached image from your side, it seems there is some padding?
Next Steps:
Could you please update the attached project project to replicate the behavior and then send the app back to me? Please make sure to delete the bin and obj files as well as the .csproj.user file.
Also share what is the exact .NET Maui version you use.
Looking forward to your reply.
Regards,
Denis
Progress Telerik