01 Dec to 08 Dec 2025: highlights of the new online resources that we published last week.
Article: https://www.telerik.com/maui-ui/documentation/controls/chat/styling/attachments
Summary: Learn how to style chat attachments in Telerik UI for .NET MAUI RadChat using XAML. You’ll see how to target the attachment container and its inner elements (title/subtitle, image, actions) with implicit Styles and custom DataTemplates/TemplateSelectors, and how to apply global vs. per-attachment customization for colors, fonts, spacing, and layout using the provided style hooks and resource keys.
Article: https://www.telerik.com/maui-ui/documentation/controls/chat/templates/attachments
Summary: Learn how to customize how attachments render in the Telerik UI for .NET MAUI RadChat control. You define DataTemplates for different attachment types and implement a DataTemplateSelector to choose the correct template at runtime, then assign the selector to the chat’s attachment templating API in XAML or C#. This lets you render images, files, and custom attachment content with your own bindings and layout.
Article: https://www.telerik.com/maui-ui/documentation/knowledge-base/cancel-checkbox-change-net-maui
Summary: Learn how to prevent a .NET MAUI checkbox from toggling by intercepting Telerik RadCheckBox state changes with the ValueChanging event and setting e.Cancel = true based on your validation or business rules. The article shows code-behind and MVVM patterns, including how to prompt for confirmation and then programmatically apply the new value without recursion. It also contrasts this with the native MAUI CheckBox approach where you’d have to revert the value in CheckedChanged.
Article: https://www.telerik.com/maui-ui/documentation/knowledge-base/datagrid-column-header-word-wrap
Summary: Learn how to enable multi-line column headers in Telerik RadDataGrid for .NET MAUI by defining a HeaderTemplate that uses a Label with LineBreakMode=WordWrap (optionally MaxLines) so long captions wrap. The article shows how to set or increase the grid’s HeaderRowHeight to accommodate the wrapped text and provides XAML you can reuse across columns (for example with DataGridTextColumn.HeaderTemplate).
Article: https://www.telerik.com/maui-ui/documentation/knowledge-base/change-entry-cursor-color-dotnet-maui
Summary: Learn how to change the .NET MAUI Entry and Telerik RadEntry cursor (caret) color using platform-specific handler mappings. You’ll set UITextField.TintColor on iOS/macOS (MacCatalyst) and tint or replace the AppCompatEditText cursor drawable on Android, applying the mapper globally in MauiProgram or per control.
Article: https://www.telerik.com/maui-ui/documentation/knowledge-base/control-spacing-legend-icon-text-maui-chart
Summary: This article shows how to control the gap between the legend icon (marker) and text in Telerik UI for .NET MAUI Chart by replacing the default legend item with a custom template. You’ll define a ChartLegend.ItemTemplate in XAML (for example, a HorizontalStackLayout or Grid) that renders the marker and label and uses Spacing/Margin to set the desired separation, with bindings to the legend item so the series color/shape and title are preserved.
Article: https://www.telerik.com/maui-ui/documentation/knowledge-base/change-autocomplete-cursor-color-dotnet-maui
Summary: This article shows how to change the cursor (caret) color of the Telerik .NET MAUI RadAutoComplete by registering a platform-specific handler mapping. You modify the native views to set the caret color per platform—on iOS, assign TintColor on the underlying UITextField; on Android, tint or replace the EditText cursor drawable—so the insertion point matches your app theme.
Article: https://www.telerik.com/maui-ui/documentation/knowledge-base/automated-tapping-dropdown-items-telerik-maui
Summary: This article shows how to automate opening a Telerik .NET MAUI dropdown (for example, RadComboBox) and programmatically tap-select an item in UI tests. It walks you through setting AutomationProperties.AutomationId on the toggle and item template, opening the popup, then locating and tapping the target item with Appium, with guidance on waits, popup-hosted content, and item virtualization.
Article: https://www.telerik.com/maui-ui/documentation/knowledge-base/align-items-horizontally-start-listpicker-spinner
Summary: Learn how to left-align items in the Telerik .NET MAUI RadListPicker when using Spinner mode by customizing the spinner item template or spinner item label style. You’ll set the label’s HorizontalTextAlignment (and optionally HorizontalOptions) to Start so spinner items render left-aligned on Android and iOS.
Article: https://www.telerik.com/maui-ui/documentation/knowledge-base/add-icon-inside-autocomplete-input-area-dotnet-maui
Summary: Learn how to place a leading or trailing icon inside the Telerik UI for .NET MAUI RadAutoComplete input by composing the control in XAML: overlay the editor with a Grid, add an Image or FontImageSource aligned inside the input area, and adjust padding so the text and placeholder don’t overlap the icon. You’ll also see how to wire a TapGestureRecognizer/command for the icon and handle sizing, margins, and hit‑testing so it renders consistently on Android and iOS.
Blog: https://www.telerik.com/blogs/how-transition-cross-platform-development
Summary: This article guides you through transitioning to cross-platform development by assessing requirements, choosing a framework (e.g., .NET MAUI, React Native, Flutter), and planning an incremental migration from native or single-platform apps. You’ll learn how to structure a shared core (domain, data, services), isolate platform-specific APIs behind interfaces with dependency injection, handle UI differences, and set up testing and CI/CD to maintain quality during the move.
---------------------------------------------------------------------------------------------------------------------------------------------------------
24 Nov to 01 Dec 2025: highlights of the new online resources that we published last week.
Blog: https://www.telerik.com/blogs/replicating-christmas-ui-net-maui
Summary: Learn how to replicate a Christmas-themed UI in .NET MAUI using XAML by layering Grid and AbsoluteLayout, drawing with Shapes (Path, Ellipse), applying Linear/RadialGradientBrush, shadows and clipping to build the visuals. The walkthrough adds lightweight animations (TranslateTo/ScaleTo) and reusable styles to keep the design responsive across Android, iOS, Windows and Mac Catalyst, providing patterns you can reuse in production UIs.
---------------------------------------------------------------------------------------------------------------------------------------------------------
17 Nov to 24 Nov 2025: highlights of the new online resources that we published last week.
Blog: https://www.telerik.com/blogs/real-time-data-updates-telerik-ui-net-maui-grid
Summary: Learn how to implement real-time updates in the Telerik UI for .NET MAUI DataGrid by binding ItemsSource to an ObservableCollection and using models that implement INotifyPropertyChanged, so your add/remove/property changes are reflected without manual refresh. The article shows how to feed updates from a background source and marshal them to the UI thread, with practical guidance on thread-safety and update frequency to keep the grid responsive.
---------------------------------------------------------------------------------------------------------------------------------------------------------
10 Nov to 17 Nov 2025: highlights of the new online resources that we published last week.
Article: https://www.telerik.com/maui-ui/documentation/ai/changelog
Summary: Use this changelog to track versioned updates to the Telerik UI for .NET MAUI AI features, including new functionality, bug fixes, API changes, and breaking changes across AI components and integrations. Refer to it to plan upgrades, verify .NET MAUI and platform compatibility, and adjust your code for updated properties, methods, and configuration options.
Article: https://www.telerik.com/maui-ui/documentation/controls/chat/events
Summary: The article documents the RadChat events in Telerik UI for .NET MAUI, including their signatures and EventArgs, and shows how to wire them up. You will use these events to handle user interactions such as sending a message, tapping a message item, and selecting suggestions, enabling custom message processing and UI updates.
Article: https://www.telerik.com/maui-ui/documentation/controls/scheduler/date
Summary: Learn how the Scheduler Date property in Telerik UI for .NET MAUI controls the displayed range per view—day shows the specified date, week shows the week containing it, and month shows the corresponding month. The article covers setting and binding Date to navigate programmatically, and explains how the control normalizes the value to the view’s start (for example, the first visible day of the week or month).
Article: https://www.telerik.com/maui-ui/documentation/controls/skeleton/styling
Summary: You can style the Telerik RadSkeleton for .NET MAUI by defining XAML Styles and overriding the control’s theme resource keys to customize brushes, corner radius, and shimmer animation. The article lists the relevant properties and resource keys and shows how to apply per-control or app-wide changes via ResourceDictionary for consistent light/dark theming.
Article: https://www.telerik.com/maui-ui/documentation/controls/skeleton/overview
Summary: Use the Skeleton control in Telerik UI for .NET MAUI to display placeholder shapes with optional shimmer animation while your views load data. Define skeleton items yourself or wrap existing content in a SkeletonContainer to auto-generate placeholders, and configure animation, colors, layout, and visibility through the available properties. The article covers setup, key APIs, and examples for pages and item templates to help you add predictable loading skeletons to your UI.
Article: https://www.telerik.com/maui-ui/documentation/controls/chat/styling/entry
Summary: This article shows you how to style the message input Entry in the Telerik UI for .NET MAUI Chat (RadChat) using XAML Styles. You’ll target the chat’s Entry to set placeholder text, font, text and placeholder colors, background, border thickness, corner radius, and padding, with sample XAML demonstrating the applied style.
Article: https://www.telerik.com/maui-ui/documentation/controls/skeleton/animation
Summary: This article shows you how to enable and configure animation for the Telerik .NET MAUI Skeleton control, including choosing a built-in animation type, adjusting duration/speed, and toggling animation on or off. It provides XAML and C# examples for starting and stopping the animation at runtime and setting repeat behavior and related options.
Article: https://www.telerik.com/maui-ui/documentation/controls/chat/styling/buttons
Summary: Learn how to style the buttons in Telerik RadChat for .NET MAUI, including the composer’s Send and Attachment buttons and the Suggested Action buttons. The article covers setting the chat’s button style properties, applying XAML styles through resource dictionaries, customizing icons, colors, size, and typography, and using VisualStateManager to define Normal, Pressed, and Disabled states.
Article: https://www.telerik.com/maui-ui/documentation/controls/skeleton/custom-view
Summary: This article shows how to provide a custom view for the Telerik UI for .NET MAUI RadSkeleton, letting you define the exact placeholders displayed while data loads. You’ll learn the XAML setup to wrap your content, build a skeleton layout that mirrors your view, control the loading state from your view model, and adjust shapes, sizes, colors, and animation.
Article: https://www.telerik.com/maui-ui/documentation/controls/chat/styling/messages
Summary: Learn how to style messages in Telerik RadChat for .NET MAUI, including distinct appearance for incoming vs outgoing and system messages, avatars, and timestamps. You will use XAML styles and templates to customize bubble colors, typography, corner radius, spacing, and alignment, applying global styles or conditionally varying per-message appearance based on message metadata or selectors.
---------------------------------------------------------------------------------------------------------------------------------------------------------
29 Oct to 05 Nov 2025: highlights of the new online resources that we published last week.
Article: https://www.telerik.com/blogs/crypto-financial-charts-net-maui-apps
Summary: You’ll implement crypto and financial charts in .NET MAUI using the Telerik UI for .NET MAUI Chart by configuring candlestick and OHLC series, binding time-series price/volume data with MVVM, and adding indicators (SMA/EMA), DateTime axes, trackball tooltips, and pan/zoom behaviors. The article walks you through fetching market data, mapping models, enabling real-time updates, and provides XAML/C# examples for series, axes, behaviors, and indicator configuration.
---------------------------------------------------------------------------------------------------------------------------------------------------------
20 Oct to 27 Nov 2025: highlights of the new online resources that we published last week.
Article: https://www.telerik.com/blogs/net-maui-masked-entry-secure-input-credit-cards-pins-account-numbers
Summary: Learn how to use Telerik UI for .NET MAUI RadMaskedEntry to capture sensitive numeric input—credit cards, PINs, and account numbers—with masking, obfuscation, and validation. The article shows how to define mask patterns and tokens, configure password and prompt characters, control literals in the bound value, handle paste and keyboard input, and react to events like ValueChanged and MaskCompleted with XAML and C# examples. After reading, you can enforce formats (e.g., 0000 0000 0000 0000), hide entered characters, and reliably validate and parse the underlying value in an MVVM setup.
Feel free to check them out and share your thoughts!
The Telerik Team