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
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...
}
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?
<telerik:RadAutoComplete x:Name="autoComplete"
Placeholder="Stock Number"
CompletionMode="StartsWith"
SuggestMode="SuggestAppend"
SuggestionViewPosition="Bottom"
TextSearchPath="StockNumber"
Style="{StaticResource TelerikAutoComplete}"
ItemsSource="{Binding StockNumbers}"
AutomationId="autoComplete" />
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
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.
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.
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>