Skip to content

Commit a3cd541

Browse files
Abinaya-SF4661Abinaya-SF4661
committed
Merge branch 'development' of https://github.com/syncfusion-content/maui-docs into DataGrid_UIFiltering
2 parents 81e1744 + c3e6df4 commit a3cd541

File tree

54 files changed

+3204
-14
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

54 files changed

+3204
-14
lines changed

‎MAUI/AI-Coding-Assistant/prompt-library.md‎

Lines changed: 289 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,289 @@
1+
---
2+
layout: post
3+
title: Syncfusion AI Coding Assistant Prompt Library | Syncfusion
4+
description: Enhance .NET MAUI productivity with the Syncfusion AI Coding Assistant Prompt Library: prompts for code generation, configuration, and contextual guidance.
5+
control: Syncfusion AI Coding Assistant Prompt Library
6+
platform: MAUI
7+
documentation: ug
8+
domainurl: ##DomainURL##
9+
---
10+
11+
# Prompt Library - AI Coding Assistant
12+
13+
Speed up your .NET MAUI projects using these ready-made prompts for popular Syncfusion components. Each prompt is short, easy to understand, and focused on real tasks—like quick setups, tweaks, and fixes.
14+
15+
## How to Use
16+
17+
Before starting, make sure your MCP Server is set up and running.
18+
19+
* Choose a prompt that fits your need.
20+
* Copy the full prompt with the #SyncfusionMAUIAssistant handle.
21+
* Customize the prompt for your specific use case.
22+
* Execute via the MCP Server.
23+
* Always check and test the code before adding it to your project.
24+
25+
## Component-Specific Prompts
26+
27+
### DataGrid
28+
29+
The Syncfusion .NET MAUI DataGrid delivers flexible, efficient data tables for handling extensive records with built-in interactivity.
30+
31+
{% promptcards %}
32+
{% promptcard Data Binding %}
33+
#SyncfusionMAUIAssistant How to bind the DataGrid to a DataTable and show an example with columns auto-generated and customized?
34+
{% endpromptcard %}
35+
{% promptcard Column Types %}
36+
#SyncfusionMAUIAssistant Show me a DataGrid using numeric, text, date, checkbox, image, combobox, picker, and template columns.
37+
{% endpromptcard %}
38+
{% promptcard Editing with Column Types %}
39+
#SyncfusionMAUIAssistant How to configure in-place editing using numeric, text, date, checkbox, image, combo box, picker, and template editors in the DataGrid.
40+
{% endpromptcard %}
41+
{% promptcard Selection and Keyboard Navigation %}
42+
#SyncfusionMAUIAssistant Enable single and multiple row selection with programmatic selection APIs and Windows keyboard navigation.
43+
{% endpromptcard %}
44+
{% promptcard Data Virtualization (Overview) %}
45+
#SyncfusionMAUIAssistant Compare and configure DataGrid virtualization modes: paging, incremental loading, and virtualization for large datasets.
46+
{% endpromptcard %}
47+
{% promptcard Master-Details View %}
48+
#SyncfusionMAUIAssistant Display hierarchical data with a master-detail layout using nested DataGrids in .NET MAUI.
49+
{% endpromptcard %}
50+
{% promptcard Multi-Column Sorting %}
51+
#SyncfusionMAUIAssistant Enable sorting on multiple columns and show initial sort descriptions in the DataGrid.
52+
{% endpromptcard %}
53+
{% promptcard Multi-Column Grouping %}
54+
#SyncfusionMAUIAssistant How to enable interactive multiple columns grouping and show grouped summaries in the .NET MAUI DataGrid.
55+
{% endpromptcard %}
56+
{% promptcard Summaries %}
57+
#SyncfusionMAUIAssistant How to configure column and group summaries (Sum, Count, Average) in the .NET MAUI DataGrid with footer and group summary rows.
58+
{% endpromptcard %}
59+
{% promptcard Filtering %}
60+
#SyncfusionMAUIAssistant Programmatically filter DataGrid records using multiple criteria and clear filters on demand.
61+
{% endpromptcard %}
62+
{% promptcard Column Sizing Modes %}
63+
#SyncfusionMAUIAssistant Set DataGrid column width modes (Auto, Star, FitToContent) and mix sizing strategies.
64+
{% endpromptcard %}
65+
{% promptcard Column and Row Drag and Drop %}
66+
#SyncfusionMAUIAssistant How to enable drag-and-drop to reorder columns and reorder records in the DataGrid?
67+
{% endpromptcard %}
68+
{% promptcard Freeze Panes %}
69+
#SyncfusionMAUIAssistant Freeze specific rows and columns so they remain visible while scrolling the DataGrid.
70+
{% endpromptcard %}
71+
{% promptcard Styling and Conditional Formatting %}
72+
#SyncfusionMAUIAssistant Customize cell and header styles and apply conditional formatting based on data values.
73+
{% endpromptcard %}
74+
{% promptcard Paging %}
75+
#SyncfusionMAUIAssistant Enable paging with page size, navigation UI, and initial page in the .NET MAUI DataGrid.
76+
{% endpromptcard %}
77+
{% promptcard Unbound Row and Column %}
78+
#SyncfusionMAUIAssistant Add an unbound row and column that displays calculated or custom values not present in the data model.
79+
{% endpromptcard %}
80+
{% promptcard Exporting %}
81+
#SyncfusionMAUIAssistant Export DataGrid content to Excel and PDF with options to include headers, summaries, and styles.
82+
{% endpromptcard %}
83+
{% endpromptcards %}
84+
85+
### Charts
86+
87+
The Syncfusion .NET MAUI Chart suite offers versatile, high-performance charts for mobile and desktop with multiple series types and interactions.
88+
89+
{% promptcards %}
90+
{% promptcard Local and Remote Data %}
91+
#SyncfusionMAUIAssistant How do I bind both local and remote data sources to a Syncfusion .NET MAUI Chart?
92+
{% endpromptcard %}
93+
{% promptcard Chart Types Overview %}
94+
#SyncfusionMAUIAssistant What chart types are available in the Syncfusion .NET MAUI Chart and how to configure them?
95+
{% endpromptcard %}
96+
{% promptcard Markers and Data Labels %}
97+
#SyncfusionMAUIAssistant How can I display markers and data labels on a line chart in .NET MAUI?
98+
{% endpromptcard %}
99+
{% promptcard Annotations %}
100+
#SyncfusionMAUIAssistant Add custom annotations to highlight specific data points in a .NET MAUI chart.
101+
{% endpromptcard %}
102+
{% promptcard Export to Image %}
103+
#SyncfusionMAUIAssistant How do I export a Syncfusion .NET MAUI Chart to image format?
104+
{% endpromptcard %}
105+
{% promptcard Axes and Multiple Axes %}
106+
#SyncfusionMAUIAssistant Configure CategoryAxis, NumericalAxis, DateTimeAxis, and add a secondary Y-axis with series mapped to it.
107+
{% endpromptcard %}
108+
{% promptcard Tooltips and Trackball %}
109+
#SyncfusionMAUIAssistant Show interactive tooltips and a trackball with formatted labels and multiple series value display.
110+
{% endpromptcard %}
111+
{% promptcard Legend and Title %}
112+
#SyncfusionMAUIAssistant Add chart title, subtitle, and a responsive legend (positioning, overflow modes) in a .NET MAUI chart.
113+
{% endpromptcard %}
114+
{% promptcard Data Labels and Smart Labels %}
115+
#SyncfusionMAUIAssistant Enable data labels with templates, alignment, and smart label collision avoidance for dense data.
116+
{% endpromptcard %}
117+
{% promptcard Annotations and Plot Bands %}
118+
#SyncfusionMAUIAssistant Add chart annotations and plot bands (strip lines) to highlight ranges and thresholds.
119+
{% endpromptcard %}
120+
{% promptcard Series Types Quick Setup %}
121+
#SyncfusionMAUIAssistant Create a chart with Line, Spline, StepLine, Area, SplineArea, Column, Bar, Scatter, and Bubble series.
122+
{% endpromptcard %}
123+
{% promptcard Range and Error Bars %}
124+
#SyncfusionMAUIAssistant Show RangeColumn/RangeArea series and add ErrorBar adornments for variability visualization.
125+
{% endpromptcard %}
126+
{% promptcard Financial Series %}
127+
#SyncfusionMAUIAssistant How to set up OHLC and Candle series with DateTimeAxis, tooltip formatting, and crosshair/trackball.
128+
{% endpromptcard %}
129+
{% promptcard Live (Real-time) Updates %}
130+
#SyncfusionMAUIAssistant How to implement a live-updating chart using ObservableCollection and timer-based data feeds.
131+
{% endpromptcard %}
132+
{% promptcard Segment Color Mapping and Gradients %}
133+
#SyncfusionMAUIAssistant Apply segment color mapping and gradient fills based on Y-value ranges.
134+
{% endpromptcard %}
135+
{% promptcard Axis Customization %}
136+
#SyncfusionMAUIAssistant Configure axis intervals, labels format, inversed axis, axis crossing, and logarithmic axis.
137+
{% endpromptcard %}
138+
{% promptcard Gridlines and Plot Area Styling %}
139+
#SyncfusionMAUIAssistant Customize major/minor gridlines, tick lines, plot area background, and border.
140+
{% endpromptcard %}
141+
{% promptcard Series Animation %}
142+
#SyncfusionMAUIAssistant Enable and customize series animation on load and refresh for a Cartesian chart.
143+
{% endpromptcard %}
144+
{% promptcard Sampling and Performance %}
145+
#SyncfusionMAUIAssistant Optimize large datasets with data sampling and performance tips for smooth interactions.
146+
{% endpromptcard %}
147+
{% endpromptcards %}
148+
149+
### Scheduler
150+
151+
The Syncfusion .NET MAUI Scheduler helps manage events, resources, and timelines with powerful views and customization.
152+
153+
{% promptcards %}
154+
{% promptcard Views and Quick Switch %}
155+
#SyncfusionMAUIAssistant Configure Day, Week, WorkWeek, Month, Agenda, Timeline Day/Week/WorkWeek/Month views and add quick view switching.
156+
{% endpromptcard %}
157+
{% promptcard Appointment Mapping and Data Binding %}
158+
#SyncfusionMAUIAssistant How to bind custom appointment models using mapping (subject, notes, location, start/end, color, recurrence) with MVVM.
159+
{% endpromptcard %}
160+
{% promptcard Recurring Events and Series Editing %}
161+
#SyncfusionMAUIAssistant Create recurring appointments (daily/weekly/monthly/yearly) and enable editing a single occurrence or the entire series.
162+
{% endpromptcard %}
163+
{% promptcard Time Zones and DST %}
164+
#SyncfusionMAUIAssistant Show appointments in specific time zones with automatic Daylight Saving Time handling and conversion.
165+
{% endpromptcard %}
166+
{% promptcard Work Time, Work Days, and First Day of Week %}
167+
#SyncfusionMAUIAssistant How to set working hours, configure work days, customize the first day of week, and hide non-working days.
168+
{% endpromptcard %}
169+
{% promptcard Min/Max Date Navigation Limits %}
170+
#SyncfusionMAUIAssistant How to restrict navigation with MinimumDateTime and MaximumDateTime to keep users in a valid planning range.
171+
{% endpromptcard %}
172+
{% promptcard Special Time Regions (Blocking Intervals) %}
173+
#SyncfusionMAUIAssistant Define special time regions to block interaction (e.g., holidays/breaks) and highlight them across views.
174+
{% endpromptcard %}
175+
{% promptcard Blackout Dates (Selectable Day Predicate) %}
176+
#SyncfusionMAUIAssistant Disable specific dates like weekends or holidays to prevent selection and interaction.
177+
{% endpromptcard %}
178+
{% promptcard Drag-and-Drop and Inline Editing %}
179+
#SyncfusionMAUIAssistant Enable drag to reschedule, resize to change duration, and inline editors for quick appointment updates.
180+
{% endpromptcard %}
181+
{% promptcard Resources and Grouping %}
182+
#SyncfusionMAUIAssistant Group by resources (rooms/people/teams) with color-coding and timeline views optimized for many resources.
183+
{% endpromptcard %}
184+
{% promptcard Load on Demand %}
185+
#SyncfusionMAUIAssistant Load appointments on demand with a loading indicator for large schedules.
186+
{% endpromptcard %}
187+
{% promptcard Reminders and Notifications Integration %}
188+
#SyncfusionMAUIAssistant Add reminder metadata to appointments and integrate with app notifications for alerts.
189+
{% endpromptcard %}
190+
{% promptcard Theming and Customization %}
191+
#SyncfusionMAUIAssistant How to style headers, cells, appointments, selection, and special regions; support Light/Dark themes.
192+
{% endpromptcard %}
193+
{% endpromptcards %}
194+
195+
### ListView
196+
197+
The Syncfusion .NET MAUI ListView provides a high-performance, flexible list with rich templating, data operations, and interactions.
198+
199+
{% promptcards %}
200+
{% promptcard High-Performance Virtualization %}
201+
#SyncfusionMAUIAssistant Configure ListView with UI virtualization and recycling for smooth scrolling on large datasets.
202+
{% endpromptcard %}
203+
{% promptcard Data Binding %}
204+
#SyncfusionMAUIAssistant How to bind ListView to ObservableCollection/IEnumerable with change tracking and updates.
205+
{% endpromptcard %}
206+
{% promptcard Item Templates and Template Selector %}
207+
#SyncfusionMAUIAssistant How to use DataTemplate and DataTemplateSelector for different item appearances based on data.
208+
{% endpromptcard %}
209+
{% promptcard Grouping with Sticky Headers %}
210+
#SyncfusionMAUIAssistant Enable grouping with sticky group headers and customize group header templates.
211+
{% endpromptcard %}
212+
{% promptcard Sorting and Filtering %}
213+
#SyncfusionMAUIAssistant Apply sorting and filtering via the ListView data source or ViewModel helpers.
214+
{% endpromptcard %}
215+
{% promptcard Selection (Single/Multiple) %}
216+
#SyncfusionMAUIAssistant Configure single and multiple selection modes and perform programmatic selection.
217+
{% endpromptcard %}
218+
{% promptcard Swipe Actions %}
219+
#SyncfusionMAUIAssistant Add left and right swipe templates for contextual actions like delete and archive.
220+
{% endpromptcard %}
221+
{% promptcard Drag-and-Drop Reordering %}
222+
#SyncfusionMAUIAssistant Enable drag-and-drop to reorder ListView items and persist the new order.
223+
{% endpromptcard %}
224+
{% promptcard Pull-to-Refresh %}
225+
#SyncfusionMAUIAssistant Add pull-to-refresh behavior to reload data with a loading indicator.
226+
{% endpromptcard %}
227+
{% promptcard Load More / Infinite Scrolling %}
228+
#SyncfusionMAUIAssistant Implement load-more at end of list with automatic and manual triggers for infinite scrolling.
229+
{% endpromptcard %}
230+
{% promptcard Variable Item Height %}
231+
#SyncfusionMAUIAssistant Configure dynamic item sizing to accommodate variable-height content.
232+
{% endpromptcard %}
233+
{% promptcard Headers and Footers %}
234+
#SyncfusionMAUIAssistant Add header and footer templates with optional sticky behavior for contextual UI.
235+
{% endpromptcard %}
236+
{% promptcard Programmatic Scrolling %}
237+
#SyncfusionMAUIAssistant Scroll to a specific item or index with position (start/center/end) and animation options.
238+
{% endpromptcard %}
239+
{% promptcard Layout Modes %}
240+
#SyncfusionMAUIAssistant Switch between linear and grid-like layouts and configure span/count where supported.
241+
{% endpromptcard %}
242+
{% promptcard Empty View %}
243+
#SyncfusionMAUIAssistant Show a custom empty view template when no items are available.
244+
{% endpromptcard %}
245+
{% endpromptcards %}
246+
247+
### AI AssistView
248+
249+
The Syncfusion .NET MAUI AI AssistView provides a ready-made conversational UI for integrating LLMs with features like message list, input box, suggestions, attachments, and tool/action invocation.
250+
251+
{% promptcard Messages %}
252+
#SyncfusionMAUIAssistant Bind AssistView to a message collection with system, user, and pre load conversation history.
253+
{% endpromptcard %}
254+
{% promptcard Streaming and Typing Indicator %}
255+
#SyncfusionMAUIAssistant Enable token streaming with a typing indicator and incremental message updates.
256+
{% endpromptcard %}
257+
{% promptcard Suggestions (Quick Prompts) %}
258+
#SyncfusionMAUIAssistant How to add clickable suggestion chips that insert predefined prompts into the input box.
259+
{% endpromptcard %}
260+
{% promptcard Attachments and File Context %}
261+
#SyncfusionMAUIAssistant How to allow users to attach files and include file metadata/content as context in AI requests.
262+
{% endpromptcard %}
263+
{% promptcard Markdown and Rich Rendering %}
264+
#SyncfusionMAUIAssistant How to render assistant responses with Markdown (headings, code blocks) and support inline images/emojis.
265+
{% endpromptcard %}
266+
{% promptcard Avatars and Message Templates %}
267+
#SyncfusionMAUIAssistant How to customize user/assistant avatars and use DataTemplate/DataTemplateSelector for message bubbles.
268+
{% endpromptcard %}
269+
{% promptcard Error Handling and Retries %}
270+
#SyncfusionMAUIAssistant How to handle provider errors with retry/cancel UI and graceful fallback messages.
271+
{% endpromptcard %}
272+
{% promptcard Theming and Styling %}
273+
#SyncfusionMAUIAssistant Apply custom themes for message bubbles, background, input bar, and suggestion chips (Light/Dark support).
274+
{% endpromptcard %}
275+
{% promptcard Command/Enter Behavior %}
276+
#SyncfusionMAUIAssistant Configure Enter to send and Shift+Enter for newline; support multiline input with character counter.
277+
{% endpromptcard %}
278+
{% promptcard Conversation Persistence %}
279+
#SyncfusionMAUIAssistant How to Save and restore conversations to local storage or database with message replay on app start.
280+
{% endpromptcard %}
281+
{% promptcard Citations and References %}
282+
#SyncfusionMAUIAssistant Display citations/references returned by the model as hyper links under the message.
283+
{% endpromptcard %}
284+
{% endpromptcards %}
285+
286+
## See also
287+
288+
* [AI Coding Assistant Overview](https://help.syncfusion.com/maui/ai-coding-assistant/overview)
289+
* [SyncfusionMAUIAssistant MCP Server](https://help.syncfusion.com/maui/ai-coding-assistant/mcp-server)

‎MAUI/Calendar/customizations.md‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -164,6 +164,82 @@ this.calendar.MonthView.SpecialDayPredicate = (date) =>
164164
>**NOTE**
165165
* The Background color and text style will be applied based on the following order: selectableDayPredicate dates, special dates, disable dates, today date, weekend dates, trailingLeading dates, and normal dates.
166166

167+
* **UpdateSpecialDayPredicate** - The UpdateSpecialDayPredicate feature allows the `SfCalendar` to dynamically update special dates after new data is fetched. You can explicitly trigger a refresh to re invoke the [SpecialDayPredicate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.CalendarMonthView.html#Syncfusion_Maui_Calendar_CalendarMonthView_SpecialDayPredicate), ensuring that visual indicators such as icons, text styles, and backgrounds reflect the latest metadata only after the update. The new [UpdateSpecialDayPredicate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Calendar.SfCalendar.html#Syncfusion_Maui_Calendar_SfCalendar_UpdateSpecialDayPredicate) provides a direct way to force this reevaluation, guaranteeing that special day indicators display the most recent data after a refresh.
168+
169+
{% tabs %}
170+
{% highlight xaml tabtitle="MainPage.xaml" %}
171+
172+
<calendar:SfCalendar x:Name="calendar" View="Month">
173+
</calendar:SfCalendar>
174+
175+
{% endhighlight %}
176+
{% highlight c# tabtitle="MainPage.xaml.cs" %}
177+
178+
public class MainPage : ContentPage
179+
{
180+
181+
public List<DateTime> SpecialDatesCollection = new List<DateTime>();
182+
183+
public MainPage()
184+
{
185+
InitializeComponent();
186+
calendar.ViewChanged += Calendar_ViewChanged;
187+
this.calendar.MonthView.SpecialDayPredicate = (date) =>
188+
{
189+
foreach (DateTime dates in SpecialDatesCollection)
190+
{
191+
if (date.Date == dates.Date)
192+
{
193+
CalendarIconDetails calendarIcon = GetSpecialDates(dates);
194+
return calendarIcon;
195+
}
196+
}
197+
return null;
198+
};
199+
}
200+
201+
private CalendarIconDetails GetSpecialDates(DateTime date)
202+
{
203+
if (SpecialDatesCollection.Contains(date.Date))
204+
{
205+
CalendarIconDetails calendarIconDetails=new CalendarIconDetails()
206+
{
207+
Icon = CalendarIcon.Diamond,
208+
Fill = Colors.Red,
209+
};
210+
return calendarIconDetails;
211+
}
212+
return null;
213+
}
214+
215+
private async void Calendar_ViewChanged(object sender, CalendarViewChangedEventArgs e)
216+
{
217+
SpecialDatesCollection.Clear();
218+
await LoadSpecialDatesFromAPIAsync(e.NewVisibleDates);
219+
calendar.UpdateSpecialDayPredicate();
220+
}
221+
222+
private async Task LoadSpecialDatesFromAPIAsync(CalendarDateRange range)
223+
{
224+
var httpClient = new HttpClient();
225+
var requestData = new { StartDate = range.StartDate.Date, EndDate = range.EndDate.Date };
226+
var response = await httpClient.PostAsJsonAsync("https://your-api.com/special-dates", requestData);
227+
response.EnsureSuccessStatusCode();
228+
var apiResponse = await response.Content.ReadFromJsonAsync<ApiSpecialDatesResponse>();
229+
if (apiResponse?.SpecialDates != null)
230+
{
231+
foreach (var dateStr in apiResponse.SpecialDates)
232+
{
233+
if (DateTime.TryParse(dateStr, out var date))
234+
specialDates.Add(date.Date);
235+
}
236+
}
237+
}
238+
}
239+
240+
{% endhighlight %}
241+
{% endtabs %}
242+
167243
## Year cell customization
168244
You can customize the calendar `year`, `decade`, and `century` views by using the `YearView` property of `SfCalendar`.
169245

‎MAUI/Calendar/images/views/autofit-calendar.gif‎

427 KB
Loading

0 commit comments

Comments
 (0)