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>
From the Help Page...
The ListView provides UI virtualization, which requires the visual parent to provide vertical or horizontal space. To avoid breaking UI virtualization or gesture mechanisms:
StackLayout
or inside a ScrollView
.RowDefinition Height="Auto"
Grid definition.
Does this mean that a ListView cant be placed as a child of a Scroll View under any circumstance, or its immediate parent cant be a ScrollView? Same question for the Grid RowDefinition. If using nested grids, must all parent grids rows have a Height specified, or is it only the immediate parent? Also is * ok for the Height?
Seems like ListView is severely limited to being the only control on the page/view if this is the case.
I'm trying to replicate the signature pad control at this page: https://docs.telerik.com/devtools/maui/controls/signaturepad/events
On the control it shows an 'X' button to clear the signature but the XAML does not seem to include this or set any property etc. If I copy the example XAML into a View it also does not show up (tested in Android and Windows emulator).
So how is this rendered? Is there a property the XAML is missing or did you do some fancy XAML with a separate 'X' button overlaid?
Either way, that page need to be updated either with the correct XAML or to make it clear how the 'X' is being rendered.
Thanks,
Mike