How can I help you?
Prompt Library - AI Coding Assistant
23 Feb 202624 minutes to read
Speed up your Blazor 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.
How to use
Before starting, make sure your MCP Server is set up and running.
- Choose a prompt that fits your need.
- Copy the full prompt with the #sf_blazor_assistant tool.
- Customize the prompt for your specific use case.
- Execute via the MCP Server.
- Always check and test the code before adding it to your project.
Component-specific Prompts
Grid
The Syncfusion Blazor Data Grid delivers fast, flexible tables for large datasets with built-in interactivity.
#sf_blazor_assistant How do I enable paging and sorting in the Syncfusion Blazor Grid?
#sf_blazor_assistant Show me an example of grouping and filtering data in the Grid component.
#sf_blazor_assistant What’s the code to implement full CRUD operations in Syncfusion Blazor Grid?
#sf_blazor_assistant How can I add PDF and Excel export options to the Grid toolbar?
#sf_blazor_assistant How do I configure virtual scrolling for large datasets in the Grid?
#sf_blazor_assistant Create a multicolumn Grid to display product details with sorting and filtering.
#sf_blazor_assistant How can I integrate a chat widget inside each row of the Syncfusion Grid?
#sf_blazor_assistant Show me a Grid with paging, sorting, grouping, filtering, and virtual scrolling
#sf_blazor_assistant Why isn’t my Grid exporting to PDF and Excel correctly?
#sf_blazor_assistant How do I enable inline editing for CRUD operations in the Grid?
#sf_blazor_assistant Add custom toolbar buttons for PDF and Excel export in the Grid.
#sf_blazor_assistant How can I dynamically configure multicolumn layout with filtering and sorting?
Chart
The Syncfusion Blazor Chart suite offers versatile visualization tools across various series types for insightful data representation.
#sf_blazor_assistant How do I bind both local and remote data sources to a Syncfusion Chart?
#sf_blazor_assistant Show me how to enable range selection in a Syncfusion Blazor Chart.
#sf_blazor_assistant What chart types are available in Syncfusion Blazor Chart and how to configure them?
#sf_blazor_assistant How can I display markers and data labels on a line chart?
#sf_blazor_assistant Add custom annotations to highlight specific data points in a chart.
#sf_blazor_assistant How do I export a Syncfusion Chart to PDF or image format?
#sf_blazor_assistant Enable print functionality for a Syncfusion Blazor Chart component.
#sf_blazor_assistant Create a chart that updates dynamically with remote API data.
#sf_blazor_assistant How do I combine bar and line chart types in a single Syncfusion Chart?
#sf_blazor_assistant Why isn’t my remote data showing up in the Syncfusion Chart?
#sf_blazor_assistant Configure a range selector for zooming and filtering in a time-series chart.
#sf_blazor_assistant Show me an example of customizing chart markers and data label styles.
Schedule
The Syncfusion Blazor Schedule component helps manage events, resources, and timelines with powerful views and customization.
#sf_blazor_assistant Bind the Schedule component to a remote API for dynamic event loading.
#sf_blazor_assistant Show me how to implement full CRUD operations in the Schedule component.
#sf_blazor_assistant Enable virtual scrolling for large event datasets in the Schedule view.
#sf_blazor_assistant How can I configure timezone support in the Syncfusion Blazor Schedule?
#sf_blazor_assistant Add export functionality to download the Schedule view as PDF or Excel.
#sf_blazor_assistant How do I customize timeline header rows in the Schedule component?
#sf_blazor_assistant Why aren’t my CRUD actions working correctly in the Schedule component?
#sf_blazor_assistant Bind both local and remote event data to the Schedule component.
#sf_blazor_assistant Configure timezone-aware exporting for the Schedule view.
Kanban
The Syncfusion Blazor Kanban organizes tasks in columns with drag-and-drop, swimlanes, and templating for agile workflows.
#sf_blazor_assistant How do I bind local or remote data to the Syncfusion Blazor Kanban board?
#sf_blazor_assistant Enable sorting of cards within columns in the Kanban component.
#sf_blazor_assistant Show me how to group Kanban cards using swimlane headers.
#sf_blazor_assistant How can I enable inline editing of Kanban cards?
#sf_blazor_assistant Configure virtualization for performance with large Kanban datasets.
#sf_blazor_assistant How do I localize labels and messages in the Kanban component?
#sf_blazor_assistant Enable drag-and-drop functionality for moving cards between columns.
#sf_blazor_assistant Create a Kanban board with swimlane grouping and sortable cards.
#sf_blazor_assistant Show me how to edit cards and apply localization in Kanban.
#sf_blazor_assistant Why isn’t drag-and-drop working correctly in my Kanban board?
#sf_blazor_assistant Bind remote data to Kanban and enable virtualization for performance.
#sf_blazor_assistant Create a Kanban board with data binding, swimlane, card editing, and drag-and-drop.
RichTextEditor
The Syncfusion Blazor RichTextEditor offers a modern WYSIWYG editor with extensive formatting, media, and integration features.
#sf_blazor_assistant How do I customize the toolbar options in the Syncfusion RichTextEditor?
#sf_blazor_assistant Show me how to add, edit, and remove hyperlinks in RichTextEditor content.
#sf_blazor_assistant How can I render the RichTextEditor inside an iframe for isolated styling?
#sf_blazor_assistant Enable undo and redo functionality in the RichTextEditor toolbar.
#sf_blazor_assistant How do I integrate a Blazor form and validate input?
#sf_blazor_assistant Export RichTextEditor content to HTML or import existing HTML content.
#sf_blazor_assistant Create a RichTextEditor with toolbar options for formatting, links, and undo/redo.
#sf_blazor_assistant Use RichTextEditor in iframe mode and bind it to a form for submission.
#sf_blazor_assistant Enable undo/redo and export content to HTML in RichTextEditor.
Calendar
The Syncfusion Blazor Calendar supports flexible date selection, localization, and custom rendering.
#sf_blazor_assistant How do I enable date range selection in the Syncfusion Blazor Calendar?
#sf_blazor_assistant Configure the Calendar to support multiple cultures and languages.
#sf_blazor_assistant Show me how to allow users to select multiple dates in the Calendar.
#sf_blazor_assistant How can I switch the Calendar to use the Islamic calendar system?
#sf_blazor_assistant Enable skipping months in the Calendar navigation for faster browsing.
#sf_blazor_assistant How do I show days from adjacent months in the current Calendar view?
#sf_blazor_assistant Customize the day cell format in the Calendar to show short weekday names.
#sf_blazor_assistant Highlight weekends in the Calendar with a different background color.
#sf_blazor_assistant Configure the Calendar for Arabic culture using Islamic calendar and localization.
#sf_blazor_assistant Enable both multi-date selection and range selection in the Calendar.
#sf_blazor_assistant Why isn’t my Calendar selecting the correct date range?
#sf_blazor_assistant Create a Calendar with date range, multi-selection, globalization, and weekend highlights.