Questions on UI for .NET MAUI Forum

1 answer

2 views

Hi,

In the chat visual structure is it possible to have a microphone icon within the message area? This is to support the user speaking their message as oppose to typing it via the app keyboard.

Thanks,

Euan

Chat (Conversational UI)

answered on 31 May 2024

1 answer

10 views

RadScrollView not showing the contents present inside it in IOS, whereas works fine in Android - MAUI

Hi Team,

I have a requirement where have placed few controls inside RadScrollView and, when launched the app the contents inside the RadScrollView are visible in Android whereas when launched the same app in IOS the content is not visible.

Have added the following screens for your reference:

IOS:

Android:

CollectionView

answered on 28 May 2024

1 answer

5 views

Is it possible to specify a header and footer template for the new CollectionView

In default MAUI controls you can specify a header and footer template for your collectionview.

Is this possible with the new Telerik control? I only saw group options in the documentation.

Thanks

CollectionView

answered on 28 May 2024

1 answer

8 views

MaskedEntry control - entered value will not bind to my model property

Using the RadRegexMaskedEntry below but I cannot get the value to bind to my model. Unless I'm wrong, the documentation suggests Value is the right attribute to use but it never binds when a value is entered. I know my model is correct because I have about 6 other controls on this page (mostly RadComboBox and RadEntry) including the 'Registered for GST' RadCheckBox and they all bind correctly.

<Grid Grid.Row="6" Grid.Column="0" Grid.ColumnSpan="2" RowDefinitions="Auto,Auto" ColumnDefinitions="Auto,Auto"  >
    <Label Grid.Row="0" Text="Insured ABN" Margin="10,10,0,0" FontAttributes="Bold" TextColor="{DynamicResource RA_DarkBlue}"
            VerticalTextAlignment="Center" HorizontalOptions="Start" />
    <telerik:RadRegexMaskedEntry Grid.Row="1" x:Name="txtABN" Value="{Binding CurrentApplication.Abn}"
                                 Mask="^\s*[1-9](\s*\d){10}\s*$" WidthRequest="200" Margin="10,5,0,5" 
                                 ValidationErrorMessage="Invalid ABN" 
                                 BackgroundColor="White" VerticalOptions="End" />

    <Label Grid.Row="0" Grid.Column="1" Text="Registered for GST" Margin="20,10,0,0" FontAttributes="Bold" TextColor="{DynamicResource RA_DarkBlue}"
            VerticalTextAlignment="Center"  />
    <telerik:RadCheckBox Grid.Row="1" Grid.Column="1" x:Name="chkRegisteredForGST" IsChecked="{Binding CurrentApplication.RegisteredForGST}"
                            WidthRequest="40" HorizontalOptions="Start"
                            VerticalOptions="Center" BackgroundColor="AliceBlue" Margin="10,0,10,10" />
</Grid>

Just for reference, I'm using the Maui Community MVVM Toolkit and the two properties in the XAML below look like this in my model. The instance of this model is a singleton in my VM and named "CurrentApplication' (hence XAML reference).

    public partial class ApplicationData : ObservableObject
    {
        //...other observable proerties...

        [ObservableProperty]
        private string? abn;

        [ObservableProperty]
        private bool registeredForGST;

       //...etc...
}

So I don't know why it won't bind when everything else on the page binds without any issue. I'm sure I'm just doing something silly but no amount of messing with it seems to solve it, can someone advise please?

MaskedEntry

answered on 27 May 2024

1 answer

8 views

App Navigation

What is the recommended way to handle app navigation, is it to use AppShell and a page that then hosts something like a TabView or is it to use AppShell and MS app navigation, then use the Telerik controls throughout the app?

TabView

answered on 27 May 2024

1 answer

7 views

RadAutoComplete - vertical text alignment

Using RadAutocomplete, is there a way to set the vertical (or horizontal) text alignment. I've set the MinHeight for the control to match my other controls, but the autocomplete PlaceHolder and Text are aligned with the stop of the control, and I want it to be centered. (see image)

AutoComplete

answered on 24 May 2024

0 answers

3 views

RadAutoComplete position far away from Entry

Using RadAutoComplete 7.0.0 on iOS, and the positioning of the suggestion list seems way off. If I set the position to "Top", then the suggestion list overlays the entry, making it impossible to see what I'm typing. If I set the position to "Bottom" then the suggestion list if far away from the entry, not directly under it. (see image). If this is how it displays, then the Telerik suite is unusable for us. Is there someway to get the suggestion list to display directly under the Entry?

The XAML:

<telerik:RadAutoComplete x:Name="autoComplete"
                             Placeholder="Stock Number"
                             CompletionMode="StartsWith"
                             SuggestMode="SuggestAppend"
                             SuggestionViewPosition="Bottom"
                             TextSearchPath="StockNumber"
                             Style="{StaticResource TelerikAutoComplete}"
                             ItemsSource="{Binding StockNumbers}"
                             AutomationId="autoComplete" />

AutoComplete

asked on 21 May 2024

2 answers

15 views

Maui Chat Control update style of chat items

Hi,

Is there a way to update the styling of chat items, for example text colour? I have looked at the Styling documentation for the Chat control but I cannot see an example.

Thanks,

Euan

Chat (Conversational UI)

answered on 20 May 2024

1 answer

13 views

Bug on height of DrawerContent ?

Hi,

I cant find a solution to remove the white padding on the top/bottom of the drawercontent.

Am I doing something wrong, or is it a bug ?

Here is a simple code to reproduce :

<ContentPage.Content>
    <telerik:RadSideDrawer x:Name="drawer" DrawerLength="300" DrawerLocation="Left" DrawerTransitionType="Push">

        <telerik:RadSideDrawer.DrawerContent>
            <Grid HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" BackgroundColor="Aqua" />
        </telerik:RadSideDrawer.DrawerContent>

        <telerik:RadSideDrawer.MainContent>
            <Grid>
                <Button BackgroundColor="Bisque" Clicked="Button_Clicked" Text="Open Drawer" />
            </Grid>
        </telerik:RadSideDrawer.MainContent>

    </telerik:RadSideDrawer>

</ContentPage.Content>

And the result :

I am testing on Ipad, iOS 17.2.

Telerik.UI.for.Maui 6.8.0

Thanks for the help.

SideDrawer

answered on 17 May 2024

1 answer

15 views

Customise headers in Segment control for MAUI

Hi,
Is it possible to customize the header template for the items in the Segmented control for MAUI?
E.g. I would like to have a button with an optional image in the segment headers along with the text.

SegmentedControl