Skip to content

Commit 4ea796f

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 12-06-2025 10:30:04 AM
1 parent 1e5314d commit 4ea796f

File tree

4 files changed

+560
-0
lines changed

4 files changed

+560
-0
lines changed

‎ej2-javascript-toc.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@
1717
<ul>
1818
<li><a href="/ej2-javascript/ai-coding-assistant/overview">Overview</a></li>
1919
<li><a href="/ej2-javascript/ai-coding-assistant/mcp-server">MCP Server</a></li>
20+
<li><a href="/ej2-javascript/ai-coding-assistant/prompt-library">Prompt Library</a></li>
2021
</ul>
2122
</li>
2223
<li>

‎ej2-javascript/js/ai-coding-assistant/prompt-library.md‎

Lines changed: 273 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,273 @@
1+
---
2+
layout: post
3+
title: Syncfusion AI Coding Assistant Prompt Library | Syncfusion
4+
description: Explore the AI Coding Assistant Prompt Library to enhance JavaScript development productivity with code generation, configuration examples, contextual guidance.
5+
control: Syncfusion AI Coding Assistant Prompt Library
6+
platform: ej2-javascript
7+
documentation: ug
8+
domainurl: ##DomainURL##
9+
---
10+
11+
# Prompt Library - AI Coding Assistant
12+
13+
Speed up your JavaScript 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 #SyncfusionJavaScriptAssistant 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+
### Grid
28+
29+
The Syncfusion JavaScript Data Grid delivers fast, flexible tables for large datasets with built-in interactivity.
30+
31+
{% promptcards %}
32+
{% promptcard Paging and Sorting %}
33+
#SyncfusionJavaScriptAssistant How do I enable paging and sorting in the Syncfusion JavaScript Grid?
34+
{% endpromptcard %}
35+
{% promptcard Grouping and Filtering %}
36+
#SyncfusionJavaScriptAssistant Show me an example of grouping and filtering data in the Grid component.
37+
{% endpromptcard %}
38+
{% promptcard CRUD Operations %}
39+
#SyncfusionJavaScriptAssistant What’s the code to implement full CRUD operations in Syncfusion JavaScript Grid?
40+
{% endpromptcard %}
41+
{% promptcard Grid Export to PDF and Excel %}
42+
#SyncfusionJavaScriptAssistant How can I add PDF and Excel export options to the Grid toolbar?
43+
{% endpromptcard %}
44+
{% promptcard Virtual Scrolling %}
45+
#SyncfusionJavaScriptAssistant How do I configure virtual scrolling for large datasets in the Grid?
46+
{% endpromptcard %}
47+
{% promptcard Multicolumn Grid Setup %}
48+
#SyncfusionJavaScriptAssistant Create a multicolumn Grid to display product details with sorting and filtering.
49+
{% endpromptcard %}
50+
{% promptcard Chat Integration %}
51+
#SyncfusionJavaScriptAssistant How can I integrate a chat widget inside each row of the Syncfusion Grid?
52+
{% endpromptcard %}
53+
{% promptcard Advanced Grid Features %}
54+
#SyncfusionJavaScriptAssistant Show me a Grid with paging, sorting, grouping, filtering, and virtual scrolling
55+
{% endpromptcard %}
56+
{% promptcard Troubleshooting Grid Export %}
57+
#SyncfusionJavaScriptAssistant Why isn’t my Grid exporting to PDF and Excel correctly?
58+
{% endpromptcard %}
59+
{% promptcard Inline Editing %}
60+
#SyncfusionJavaScriptAssistant How do I enable inline editing for CRUD operations in the Grid?
61+
{% endpromptcard %}
62+
{% promptcard Custom Toolbar %}
63+
#SyncfusionJavaScriptAssistant Add custom toolbar buttons for PDF and Excel export in the Grid.
64+
{% endpromptcard %}
65+
{% promptcard Dynamic Column Configuration %}
66+
#SyncfusionJavaScriptAssistant How can I dynamically configure multicolumn layout with filtering and sorting?
67+
{% endpromptcard %}
68+
{% endpromptcards %}
69+
70+
### Chart
71+
72+
The Syncfusion JavaScript Chart suite offers versatile visualization tools across various series types for insightful data representation.
73+
74+
{% promptcards %}
75+
{% promptcard Local and Remote Data %}
76+
#SyncfusionJavaScriptAssistant How do I bind both local and remote data sources to a Syncfusion Chart?
77+
{% endpromptcard %}
78+
{% promptcard Range Selection %}
79+
#SyncfusionJavaScriptAssistant Show me how to enable range selection in a Syncfusion JavaScript Chart.
80+
{% endpromptcard %}
81+
{% promptcard Chart Types Overview %}
82+
#SyncfusionJavaScriptAssistant What chart types are available in Syncfusion JavaScript Chart and how to configure them?
83+
{% endpromptcard %}
84+
{% promptcard Markers and Data Labels %}
85+
#SyncfusionJavaScriptAssistant How can I display markers and data labels on a line chart?
86+
{% endpromptcard %}
87+
{% promptcard Annotations %}
88+
#SyncfusionJavaScriptAssistant Add custom annotations to highlight specific data points in a chart.
89+
{% endpromptcard %}
90+
{% promptcard Chart Export to Image or PDF %}
91+
#SyncfusionJavaScriptAssistant How do I export a Syncfusion Chart to PDF or image format?
92+
{% endpromptcard %}
93+
{% promptcard Print Support %}
94+
#SyncfusionJavaScriptAssistant Enable print functionality for a Syncfusion JavaScript Chart component.
95+
{% endpromptcard %}
96+
{% promptcard Dynamic Chart with Remote Data %}
97+
#SyncfusionJavaScriptAssistant Create a chart that updates dynamically with remote API data.
98+
{% endpromptcard %}
99+
{% promptcard Multiple Series Types %}
100+
#SyncfusionJavaScriptAssistant How do I combine bar and line chart types in a single Syncfusion Chart?
101+
{% endpromptcard %}
102+
{% promptcard Troubleshooting Chart Data Binding %}
103+
#SyncfusionJavaScriptAssistant Why isn’t my remote data showing up in the Syncfusion Chart?
104+
{% endpromptcard %}
105+
{% promptcard Interactive Range Selector %}
106+
#SyncfusionJavaScriptAssistant Configure a range selector for zooming and filtering in a time-series chart.
107+
{% endpromptcard %}
108+
{% promptcard Custom Markers and Labels %}
109+
#SyncfusionJavaScriptAssistant Show me an example of customizing chart markers and data label styles.
110+
{% endpromptcard %}
111+
{% endpromptcards %}
112+
113+
### Schedule
114+
115+
The Syncfusion JavaScript Schedule component helps manage events, resources, and timelines with powerful views and customization.
116+
117+
{% promptcards %}
118+
{% promptcard Remote Data Binding %}
119+
#SyncfusionJavaScriptAssistant Bind the Schedule component to a remote API for dynamic event loading.
120+
{% endpromptcard %}
121+
{% promptcard CRUD Actions %}
122+
#SyncfusionJavaScriptAssistant Show me how to implement full CRUD operations in the Schedule component.
123+
{% endpromptcard %}
124+
{% promptcard Virtual Scrolling %}
125+
#SyncfusionJavaScriptAssistant Enable virtual scrolling for large event datasets in the Schedule view.
126+
{% endpromptcard %}
127+
{% promptcard Timezone Support %}
128+
#SyncfusionJavaScriptAssistant How can I configure timezone support in the Syncfusion JavaScript Schedule?
129+
{% endpromptcard %}
130+
{% promptcard Export Schedule to PDF or Excel %}
131+
#SyncfusionJavaScriptAssistant Add export functionality to download the Schedule view as PDF or Excel.
132+
{% endpromptcard %}
133+
{% promptcard Timeline Header Rows %}
134+
#SyncfusionJavaScriptAssistant How do I customize timeline header rows in the Schedule component?
135+
{% endpromptcard %}
136+
{% promptcard Troubleshooting Schedule CRUD %}
137+
#SyncfusionJavaScriptAssistant Why aren’t my CRUD actions working correctly in the Schedule component?
138+
{% endpromptcard %}
139+
{% promptcard Local and Remote Data %}
140+
#SyncfusionJavaScriptAssistant Bind both local and remote event data to the Schedule component.
141+
{% endpromptcard %}
142+
{% promptcard Export and Timezone %}
143+
#SyncfusionJavaScriptAssistant Configure timezone-aware exporting for the Schedule view.
144+
{% endpromptcard %}
145+
{% promptcard Advanced Schedule Setup %}
146+
#SyncfusionJavaScriptAssistant Create a Schedule with CRUD, virtual scrolling, and exporting.
147+
{% endpromptcard %}
148+
{% endpromptcards %}
149+
150+
### Kanban
151+
152+
The Syncfusion JavaScript Kanban organizes tasks in columns with drag-and-drop, swimlanes, and templating for agile workflows.
153+
154+
{% promptcards %}
155+
{% promptcard Data Binding %}
156+
#SyncfusionJavaScriptAssistant How do I bind local or remote data to the Syncfusion JavaScript Kanban board?
157+
{% endpromptcard %}
158+
{% promptcard Sorting %}
159+
#SyncfusionJavaScriptAssistant Enable sorting of cards within columns in the Kanban component.
160+
{% endpromptcard %}
161+
{% promptcard Swimlane View %}
162+
#SyncfusionJavaScriptAssistant Show me how to group Kanban cards using swimlane headers.
163+
{% endpromptcard %}
164+
{% promptcard Kanban Card Editing %}
165+
#SyncfusionJavaScriptAssistant How can I enable inline editing of Kanban cards?
166+
{% endpromptcard %}
167+
{% promptcard Virtualization %}
168+
#SyncfusionJavaScriptAssistant Configure virtualization for performance with large Kanban datasets.
169+
{% endpromptcard %}
170+
{% promptcard Localization %}
171+
#SyncfusionJavaScriptAssistant How do I localize labels and messages in the Kanban component?
172+
{% endpromptcard %}
173+
{% promptcard Drag and Drop %}
174+
#SyncfusionJavaScriptAssistant Enable drag-and-drop functionality for moving cards between columns.
175+
{% endpromptcard %}
176+
{% promptcard Sorting and Swimlane %}
177+
#SyncfusionJavaScriptAssistant Create a Kanban board with swimlane grouping and sortable cards.
178+
{% endpromptcard %}
179+
{% promptcard Editable Cards and Localization %}
180+
#SyncfusionJavaScriptAssistant Show me how to edit cards and apply localization in Kanban.
181+
{% endpromptcard %}
182+
{% promptcard Troubleshooting Kanban Drag and Drop %}
183+
#SyncfusionJavaScriptAssistant Why isn’t drag-and-drop working correctly in my Kanban board?
184+
{% endpromptcard %}
185+
{% promptcard Remote Data and Virtualization %}
186+
#SyncfusionJavaScriptAssistant Bind remote data to Kanban and enable virtualization for performance.
187+
{% endpromptcard %}
188+
{% promptcard Advanced Kanban Setup %}
189+
#SyncfusionJavaScriptAssistant Create a Kanban board with data binding, swimlane, card editing, and drag-and-drop.
190+
{% endpromptcard %}
191+
{% endpromptcards %}
192+
193+
### RichTextEditor
194+
195+
The Syncfusion JavaScript RichTextEditor offers a modern WYSIWYG editor with extensive formatting, media, and integration features.
196+
197+
{% promptcards %}
198+
{% promptcard Toolbar Configuration %}
199+
#SyncfusionJavaScriptAssistant How do I customize the toolbar options in the Syncfusion RichTextEditor?
200+
{% endpromptcard %}
201+
{% promptcard Link Manipulation %}
202+
#SyncfusionJavaScriptAssistant Show me how to add, edit, and remove hyperlinks in RichTextEditor content.
203+
{% endpromptcard %}
204+
{% promptcard Iframe Mode %}
205+
#SyncfusionJavaScriptAssistant How can I render the RichTextEditor inside an iframe for isolated styling?
206+
{% endpromptcard %}
207+
{% promptcard Undo and Redo %}
208+
#SyncfusionJavaScriptAssistant Enable undo and redo functionality in the RichTextEditor toolbar.
209+
{% endpromptcard %}
210+
{% promptcard Forms Integration %}
211+
#SyncfusionJavaScriptAssistant How do I integrate a JavaScript form and validate input?
212+
{% endpromptcard %}
213+
{% promptcard Content Import and Export %}
214+
#SyncfusionJavaScriptAssistant Export RichTextEditor content to HTML or import existing HTML content.
215+
{% endpromptcard %}
216+
{% promptcard Advanced Toolbar %}
217+
#SyncfusionJavaScriptAssistant Create a RichTextEditor with toolbar options for formatting, links, and undo/redo.
218+
{% endpromptcard %}
219+
{% promptcard Iframe and Forms Support %}
220+
#SyncfusionJavaScriptAssistant Use RichTextEditor in iframe mode and bind it to a form for submission.
221+
{% endpromptcard %}
222+
{% promptcard Undo/Redo and Export %}
223+
#SyncfusionJavaScriptAssistant Enable undo/redo and export content to HTML in RichTextEditor.
224+
{% endpromptcard %}
225+
{% endpromptcards %}
226+
227+
### Calendar
228+
229+
The Syncfusion JavaScript Calendar supports flexible date selection, localization, and custom rendering.
230+
231+
{% promptcards %}
232+
{% promptcard Date Range Selection %}
233+
#SyncfusionJavaScriptAssistant How do I enable date range selection in the Syncfusion JavaScript Calendar?
234+
{% endpromptcard %}
235+
{% promptcard Globalization Support %}
236+
#SyncfusionJavaScriptAssistant Configure the Calendar to support multiple cultures and languages.
237+
{% endpromptcard %}
238+
{% promptcard Multi-Date Selection %}
239+
#SyncfusionJavaScriptAssistant Show me how to allow users to select multiple dates in the Calendar.
240+
{% endpromptcard %}
241+
{% promptcard Islamic Calendar Support %}
242+
#SyncfusionJavaScriptAssistant How can I switch the Calendar to use the Islamic calendar system?
243+
{% endpromptcard %}
244+
{% promptcard Skip Months Feature %}
245+
#SyncfusionJavaScriptAssistant Enable skipping months in the Calendar navigation for faster browsing.
246+
{% endpromptcard %}
247+
{% promptcard Calendar Showing Other Month Days %}
248+
#SyncfusionJavaScriptAssistant How do I show days from adjacent months in the current Calendar view?
249+
{% endpromptcard %}
250+
{% promptcard Custom Day Cell Format %}
251+
#SyncfusionJavaScriptAssistant Customize the day cell format in the Calendar to show short weekday names.
252+
{% endpromptcard %}
253+
{% promptcard Calendar Highlighting Weekends %}
254+
#SyncfusionJavaScriptAssistant Highlight weekends in the Calendar with a different background color.
255+
{% endpromptcard %}
256+
{% promptcard Globalization and Islamic Calendar %}
257+
#SyncfusionJavaScriptAssistant Configure the Calendar for Arabic culture using Islamic calendar and localization.
258+
{% endpromptcard %}
259+
{% promptcard Multi-Selection and Range %}
260+
#SyncfusionJavaScriptAssistant Enable both multi-date selection and range selection in the Calendar.
261+
{% endpromptcard %}
262+
{% promptcard Troubleshooting Calendar Date Range %}
263+
#SyncfusionJavaScriptAssistant Why isn’t my Calendar selecting the correct date range?
264+
{% endpromptcard %}
265+
{% promptcard Advanced Calendar Setup %}
266+
#SyncfusionJavaScriptAssistant Create a Calendar with date range, multi-selection, globalization, and weekend highlights.
267+
{% endpromptcard %}
268+
{% endpromptcards %}
269+
270+
## See also
271+
272+
* [AI Coding Assistant Overview](https://ej2.syncfusion.com/javascript/documentation/ai-coding-assistant/overview)
273+
* [SyncfusionJavaScriptAssistant MCP Server](https://ej2.syncfusion.com/javascript/documentation/ai-coding-assistant/mcp-server)

0 commit comments

Comments
 (0)