Telerik Forums
UI for .NET MAUI Forum
1 answer
48 views

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

Didi
Telerik team
 answered on 28 May 2024
1 answer
38 views

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?
Didi
Telerik team
 answered on 27 May 2024
1 answer
47 views

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?

Didi
Telerik team
 answered on 27 May 2024
1 answer
49 views
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)
Didi
Telerik team
 answered on 24 May 2024
0 answers
25 views
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" />
Rob
Top achievements
Rank 1
 asked on 21 May 2024
2 answers
49 views

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

Elena
Telerik team
 answered on 20 May 2024
1 answer
56 views

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.

Yana
Telerik team
 answered on 17 May 2024
1 answer
48 views

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.

 

Lance | Senior Manager Technical Support
Telerik team
 answered on 16 May 2024
1 answer
90 views

Hi there,

I've googled, searched this forum and read the docs and from what I can see there is no way in an editable grid for the user to add a new row  (or delete an existing one) natively, is this correct?

For example, in my app I have the data grid below which the user enters an auction Lot # and a value of the lot.  When the page is rendered the datagrid should be empty but the user would add new rows to enter lots they have bidded on and won, or delete a row if they need to.

I hope I'm wrong but I cannot see a single thing about adding or deleting rows natively so can we only do this by having explicit buttons outside the grid control for adding/deleting and do it all with code behind and/or RelayCommands in the ViewModel? 

Or am I using the wrong control?  It's such a simple grid (just the two columns with no filtering, grouping etc) is there a better control I could use?

And sorry to ask two questions in one but when I try to style the column headers or cell content style with a custom colour using DynamicResource I get this error: 
XFC0009 No property, BindableProperty, or event found for "BackgroundColor", or mismatching type between value and property.

Is it not possible to use custom styling like this?

Many thanks,

Mike

            <ScrollView Grid.Row="7" Grid.ColumnSpan="2" VerticalOptions="Fill" HorizontalOptions="Fill" Margin="10,20,10,10">
                <telerik:RadDataGrid x:Name="grdInsuredAnimals" ItemsSource="{Binding CurrentApplication.AuctionDetails.LotDetails}" 
                                     AutoGenerateColumns="False" UserEditMode="Cell" CanUserResizeColumns="True" ShowGroupHeaderAggregates="False"
                                     UserGroupMode="Disabled" CanUserExpandMultipleRowDetails="False" CanUserReorderColumns="False" >
                    <telerik:RadDataGrid.Columns>
                        <telerik:DataGridComboBoxColumn PropertyName="LotNumber" HeaderText="Lot #" ItemDisplayBindingPath="LotNumber">
                            <telerik:DataGridComboBoxColumn.HeaderStyle>
                                <telerik:DataGridColumnHeaderStyle BackgroundColor="{DynamicResource RA_DarkBlue}" TextColor="White"/>
                            </telerik:DataGridComboBoxColumn.HeaderStyle>
                            <telerik:DataGridComboBoxColumn.CellContentStyle>
                                <telerik:DataGridTextCellStyle TextColor="{DynamicResource RA_Blue}" 
                                               FontSize="15" SelectedTextColor="{DynamicResource RA_Orange}"/>
                            </telerik:DataGridComboBoxColumn.CellContentStyle>
                        </telerik:DataGridComboBoxColumn>
                        <telerik:DataGridNumericalColumn DataMemberBinding="{Binding AnimalValue, StringFormat='{0:N0}'}" PropertyName="AnimalValue" HeaderText="Sum Insured">
                            <telerik:DataGridNumericalColumn.HeaderStyle>
                                <telerik:DataGridColumnHeaderStyle BackgroundColor="{DynamicResource RA_DarkBlue}" TextColor="White"/>
                            </telerik:DataGridNumericalColumn.HeaderStyle>
                        </telerik:DataGridNumericalColumn>
                    </telerik:RadDataGrid.Columns>
                </telerik:RadDataGrid>
            </ScrollView>


Didi
Telerik team
 answered on 09 May 2024
1 answer
35 views
Good afternoon, I would like to know about the styling of DataGrid Search as You Type in the documentation did not find the appropriate material. Did I miss something?
Yana
Telerik team
 answered on 07 May 2024
Top users last month
Peter
Top achievements
Rank 1
Iron
Iron
Iron
Jarne
Top achievements
Rank 2
Iron
Steve
Top achievements
Rank 2
Iron
Iron
Iron
abdul
Top achievements
Rank 1
Danielle
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?