Questions on UI for .NET MAUI Forum

1 answer

115 views

Appearance of RadListPicker is fifferent in different platforms.

Hi Team,

We are using RadListPicker which looks different in different platforms as mentioned below:

Windows & IOS:

Android:

How to make the android look as IOS & Windows, I mean showing as a box and also the down arrow.

Thanks & Best Regards,

Mohammed Rameez Raza (Rameez).

ListPicker

updated question on 21 Nov 2024

0 answers

454 views

Getting crash in MAUI windows .NET 9

InvalidCastException: Unable to cast object of type 'Telerik.Maui.Controls.RadTemplatedButton' to type 'Microsoft.Maui.Controls.ITextElement'.

App is crashing on open

Button

asked on 18 Nov 2024

6 answers

126 views

Scheduler header navigation style

Hi,

how can I change the style of the navigation header? the days an all that month dropdown, I don't see any documentation for this.

Scheduler

answered on 15 Nov 2024

1 answer

64 views

Display image as response in Chat

Hi,

I was wondering if it was possible to display an image as a response in the Chat control? For example, respond with a png to a users question as oppose to a textual respone

Thanks,

Euan

Chat (Conversational UI)

answered on 15 Nov 2024

1 answer

247 views

Add FontAutoScalingEnabled for Items in .Net Maui Controls

I currently have a RadComboBox. I mainly want to use the default stylings (apart for some colors as you can see in the code), but I want to disable FontAutoScalingEnabled on every text/label items.

<telerik:RadComboBox Grid.Column="0" Grid.Row="0"
                     ItemsSource="{Binding MyItems}"
                     SelectionMode="Single"
                     Placeholder="{x:Static resx:Labels.ItemCategory}"
                     SelectedIndex="{Binding SelectedItemIndex, Mode=TwoWay}">
    <telerik:RadComboBox.Style>
        <Style TargetType="telerik:RadComboBox">
            <Setter Property="BackgroundColor" Value="{StaticResource White}"/>
            <Setter Property="TextColor" Value="{StaticResource Black}"/>
            <Style.Triggers>
                <DataTrigger Binding="{Binding SelectedItem}" Value="True" TargetType="telerik:RadComboBox">
                    <Setter Property="BackgroundColor" Value="{StaticResource Primary}"/>
                    <Setter Property="TextColor" Value="{StaticResource White}"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </telerik:RadComboBox.Style>
</telerik:RadComboBox>

How can I set FontAutoScalingEnabled for all labels in the ComboBox (selectable Items and selectedItem).

Thanks in advance!

ComboBox

answered on 14 Nov 2024

0 answers

136 views

CollectionView Shows Extra Items in Groups with Multiple Entries

I setup a CollectionView with grouping based on an attribute of the item. Everything seems to be working, except in the groups with more than one item there are a couple extra items in the list. One is the name of the group, and the other is 'Grand Total'

If I click on them the Item tapped handler receives a string. I do not see anything to turn this behavior on/off. My setup for the RadCollectionView is pretty basic

    <telerik:RadCollectionView x:Name="RadCollectionView"
                         BackgroundColor="Transparent" VerticalOptions="Fill"
                         ItemsSource="{Binding SymbolItems}"
                         ItemViewStyle="{StaticResource SymbolItemStyle}"
                         SelectionMode="Single"
                         SelectedItem="{Binding SelectedSymbolItem}"
                         ItemTapCommand="{Binding SymbolClickedCommand}">
      
      <telerik:RadCollectionView.GroupDescriptors>
        <telerik:PropertyGroupDescriptor PropertyName="Parent" />
      </telerik:RadCollectionView.GroupDescriptors>


      <telerik:RadCollectionView.ItemTemplate>
        <DataTemplate x:DataType="edit:SymbolItem">
          <Grid ColumnDefinitions="40, *" Margin="40,0,0,0">
            <ffImage:CachedImage Grid.Column="0" Grid.Row="0" HeightRequest="60"
                                 Source="{Binding ImageSource}"/>
            <Label Grid.Row="0" Grid.Column="1"
                   VerticalOptions="Center"
                   FontAttributes="Bold"
                   FontSize="17"
                   VerticalTextAlignment="Center"
                   Margin="10,0,0,0"
                   Text="{Binding Name}"/>
          </Grid>
        </DataTemplate>
      </telerik:RadCollectionView.ItemTemplate>
    </telerik:RadCollectionView>

      <Style x:Key="SymbolItemStyle" TargetType="telerik:RadCollectionViewItemView">
        <Setter Property="VisualStateManager.VisualStateGroups">
          <VisualStateGroupList>
            <VisualStateGroup Name="CommonStates">
              <VisualState Name="Normal">
                <VisualState.Setters>
                  <Setter Property="BackgroundColor" Value="Transparent" />
                </VisualState.Setters>
              </VisualState>
              <VisualState Name="Selected">
                <VisualState.Setters>
                  <Setter Property="BackgroundColor" Value="LightGrey" />
                  <Setter Property="BorderColor" Value="#0A3A82"></Setter>
                  <Setter Property="BorderThickness" Value="2"></Setter>
                </VisualState.Setters>
              </VisualState>
            </VisualStateGroup>
          </VisualStateGroupList>
        </Setter>
      </Style>

What is required to remove these items from the view?

Thanks -Joe

CollectionView

asked on 12 Nov 2024

1 answer

183 views

Print (or share) PDFs from RadPdfViewer

Hi folks,

Is there any way to print a document directly from the RadPdfViewer or even share the document (e.g., iOS Share Menu) to select the system print functionality or move the document to a different place/app?

PDFViewer

answered on 12 Nov 2024

1 answer

250 views

RadListView Set SelectedItem from code

I have a RadListView I am setting up to replace the standard Maui ListView.

One thing I need to do is set the Selected item in the ViewModel as part of a filter so filtered item is already selected. This seems to be an issue with doing this in the RadListView.

<telerik:RadListView x:Name="RadListView" 
                     BackgroundColor="Transparent" VerticalOptions="Fill"
                     ItemsSource="{Binding SymbolItems}"
                     SelectionMode="Single" SelectionGesture="Tap" IsGroupHeaderSticky="True"
                     SelectedItem="{Binding SelectedSymbolItem, Mode=TwoWay}" >

I setup the SelectedItem to fire off the Notify (this uses Prism base class)

public SymbolItem SelectedSymbolItem
{
	get => _selectedSymbolItem;
	set => SetProperty(ref _selectedSymbolItem, value);
}

But when I set the SelectedItem I get an exception

Value cannot be null. (Parameter 'indexPath')
   at ObjCRuntime.ThrowHelper.ThrowArgumentNullException(String argumentName) in /Users/builder/azdo/_work/1/s/xamarin-macios/src/ObjCRuntime/ThrowHelper.cs:line 28
   at ObjCRuntime.NativeObjectExtensions.GetNonNullHandle(INativeObject self, String argumentName) in /Users/builder/azdo/_work/1/s/xamarin-macios/src/ObjCRuntime/INativeObject.cs:line 42
   at TelerikUI.TKListView.SelectItem(NSIndexPath indexPath, Boolean animated, UICollectionViewScrollPosition scrollPosition)
   at Telerik.Maui.Controls.Compatibility.DataControlsRenderer.iOS.ListViewRenderer.SelectItem(Object item)
   at Telerik.Maui.Controls.Compatibility.DataControls.RadListView.OnSelectedItemAdded(Object item)
   at Telerik.Maui.Controls.Compatibility.DataControls.RadListView.OnSelectedItemsCollectionChanged(Object sender, NotifyCollectionChangedEventArgs e)
   at System.Collections.ObjectModel.ObservableCollection`1[[System.Object, System.Private.CoreLib, Version=8.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].OnCollectionChanged(NotifyCollectionChangedEventArgs e)
   at Telerik.Maui.Controls.Compatibility.DataControls.ListView.SelectedItemsCollection.OnCollectionChanged(NotifyCollectionChangedEventArgs e)
   at System.Collections.ObjectModel.ObservableCollection`1[[System.Object, System.Private.CoreLib, Version=8.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].OnCollectionChanged(NotifyCollectionChangedAction action, Object item, Int32 index)
   at System.Collections.ObjectModel.ObservableCollection`1[[System.Object, System.Private.CoreLib, Version=8.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].InsertItem(Int32 index, Object item)
   at Telerik.Maui.Controls.Compatibility.DataControls.ListView.SelectedItemsCollection.InsertItem(Int32 index, Object item)
   at System.Collections.ObjectModel.Collection`1[[System.Object, System.Private.CoreLib, Version=8.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].Add(Object item)
   at Telerik.Maui.Controls.Compatibility.DataControls.RadListView.UpdateSelectedItem()
   at Telerik.Maui.Controls.Compatibility.DataControls.RadListView.OnPropertyChanged(String propertyName)

The value being set is definitely not null.

Also I notice that the Setter seems to be getting invoked twice, so if I put a breakpoint my code goes in and executes the setter, and then seems like the framework does something and invokes it again which throws the exception.

Can SelectedItem in a RadListView be set be using the bound property? (like with any general TwoWay binding). If not how could this be achieved?

ListView (obsolete)

answered on 11 Nov 2024

1 answer

167 views

CollectionView + ObservableCollection.Move does not animate move action

Hi!

Is it possible to add move animation when call ObservableCollection.Move method?

Standard maui CollectionView supports the move animation.

I attached the sample to see what i mean.

CollectionView

answered on 08 Nov 2024

1 answer

132 views

Disable AutoFontScaling in Somo Elements

I'm working with .net maui 8 in a mobile App and the last feature i'm working is the disable of the autofont scaling in all app because when a user set the font size higher in the accesibility settings the app doesn't react very well, so i'm disabling these feature for now in all present components but i'm can't edit certains components of telerik like ComboBox (i used a control template for this) and now the DatePicker in need to set this property on the Selector of the popup, i can fix this feature in all parts of the component except this.

This is how the date picker is showed in iOS.

I know i can edit the display label, the place holder, popup header label, the footer, the buttons, but what about the content of the popup?, i only want to set some font/text properties and i don't know how to accomplish this and i don't find any of documentation about this part.

ComboBox

DatePicker

answered on 05 Nov 2024