{"id":"cd170fb3-ca95-4bdd-ab65-963c184281b6","shortId":"U2zz5x","kind":"skill","title":"syncfusion-maui-rotator","tagline":"Implements Syncfusion .NET MAUI Rotator (SfRotator) control for displaying image carousels, slideshows, or rotating content. Use this for image galleries, product showcases, testimonial sliders, banner rotators, or scenarios requiring automatic or manual navigation through visual","description":"# Implementing .NET MAUI Rotator\n\nThe Syncfusion .NET MAUI Rotator (SfRotator) is a data control for displaying and navigating through image content. It supports thumbnail and dots navigation modes, autoplay functionality, looping, and extensive customization options.\n\n## When to Use This Skill\n\nUse this skill when the user needs to:\n\n- Implement image carousels or slideshows in .NET MAUI applications\n- Create product galleries with thumbnail or dot navigation\n- Build testimonial sliders or promotional banners\n- Display rotating content with automatic advancement\n- Create image viewers with swipe navigation\n- Implement content rotators with custom navigation controls\n- Build galleries that support both horizontal and vertical navigation\n- Create slideshows with customizable timing and looping behavior\n\n## Component Overview\n\nThe SfRotator control provides:\n\n- **Multiple Navigation Modes:** Thumbnail (image previews) and Dots (indicators)\n- **Data Binding:** Supports IList, ObservableCollection, and SfRotatorItem collections\n- **Autoplay & Looping:** Automatic advancement with configurable delays and infinite looping\n- **Directional Navigation:** Six navigation directions including horizontal, vertical, and unidirectional modes\n- **Extensive Customization:** Custom colors, strokes, templates, and navigation button styling\n- **Interactive Controls:** Swipe gestures, navigation buttons, and programmatic index selection\n- **Event Handling:** SelectedIndexChanged event for responding to navigation actions\n\n## Documentation and Navigation Guide\n\n### Getting Started\n📄 **Read:** [references/getting-started.md](references/getting-started.md)\n- Installing Syncfusion.Maui.Rotator NuGet package\n- Registering the handler (ConfigureSyncfusionCore)\n- Basic XAML and C# implementation\n- First working example with images\n\n### Data and Content\n📄 **Read:** [references/populating-data.md](references/populating-data.md)\n- Creating data models and ViewModels\n- Binding ItemsSource to collections (IList, ObservableCollection)\n- Configuring ItemTemplate with DataTemplate\n- Using SfRotatorItem for simple scenarios\n- Loading online images from URLs\n\n### Navigation Modes and Styling\n📄 **Read:** [references/navigation-modes.md](references/navigation-modes.md)\n- NavigationStripMode (Thumbnail, Dots)\n- Dots customization (stroke, selected/unselected colors)\n- Thumbnail customization (stroke colors)\n- Navigation button styling (icon color, background)\n- Showing/hiding navigation buttons\n- DotPlacement options (Default, None, Outside)\n\n### Position and Direction\n📄 **Read:** [references/placement-and-direction.md](references/placement-and-direction.md)\n- NavigationStripPosition (Top, Bottom, Left, Right)\n- NavigationDirection (Horizontal, Vertical, LeftToRight, RightToLeft, TopToBottom, BottomToTop)\n- Combining position with direction\n- Layout best practices\n\n### Autoplay and User Interaction\n📄 **Read:** [references/autoplay-and-interaction.md](references/autoplay-and-interaction.md)\n- EnableAutoPlay for automatic advancement\n- NavigationDelay timing configuration\n- EnableLooping for infinite scrolling\n- EnableSwiping to control user interaction\n- SelectedIndex for programmatic navigation\n\n### Advanced Customization\n📄 **Read:** [references/customization.md](references/customization.md)\n- DataTemplateSelector for dynamic templates\n- IsTextVisible for text panel display\n- Custom layouts and styling\n- Background colors and sizing\n- Advanced template scenarios\n\n### Events and Migration\n📄 **Read:** [references/events.md](references/events.md)\n- SelectedIndexChanged event handling\n- Responding to navigation changes\n- Event patterns in XAML and C#\n- API changes and breaking changes","tags":["syncfusion","maui","rotator","components","skills","agent-skills"],"capabilities":["skill","source-syncfusion","skill-syncfusion-maui-rotator","topic-agent-skills"],"categories":["maui-ui-components-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-rotator","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add syncfusion/maui-ui-components-skills","source_repo":"https://github.com/syncfusion/maui-ui-components-skills","install_from":"skills.sh"}},"qualityScore":"0.476","qualityRationale":"deterministic score 0.48 from registry signals: · indexed on github topic:agent-skills · 53 github stars · SKILL.md body (3,715 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T00:56:09.687Z","embedding":null,"createdAt":"2026-04-18T22:15:42.718Z","updatedAt":"2026-04-22T00:56:09.687Z","lastSeenAt":"2026-04-22T00:56:09.687Z","tsv":"'action':219 'advanc':116,173,346,363,385 'api':407 'applic':96 'automat':34,115,172,345 'autoplay':68,170,336 'background':302,381 'banner':29,110 'basic':237 'behavior':146 'best':334 'bind':163,258 'bottom':319 'bottomtotop':328 'break':410 'build':105,130 'button':199,206,298,305 'c':240,406 'carousel':15,90 'chang':400,408,411 'collect':169,261 'color':194,292,296,301,382 'combin':329 'compon':147 'configur':175,264,349 'configuresyncfusioncor':236 'content':19,60,113,124,249 'control':11,53,129,151,202,356 'creat':97,117,139,253 'custom':73,127,192,193,289,294,364,377 'customiz':142 'data':52,162,247,254 'datatempl':267 'datatemplateselector':368 'default':308 'delay':176 'direct':180,184,313,332 'display':13,55,111,376 'document':220 'dot':65,103,160,287,288 'dotplac':306 'dynam':370 'enableautoplay':343 'enableloop':350 'enableswip':354 'event':211,214,388,395,401 'exampl':244 'extens':72,191 'first':242 'function':69 'galleri':24,99,131 'gestur':204 'get':224 'guid':223 'handl':212,396 'handler':235 'horizont':135,186,323 'icon':300 'ilist':165,262 'imag':14,23,59,89,118,157,246,275 'implement':5,40,88,123,241 'includ':185 'index':209 'indic':161 'infinit':178,352 'instal':229 'interact':201,339,358 'istextvis':372 'itemssourc':259 'itemtempl':265 'layout':333,378 'left':320 'lefttoright':325 'load':273 'loop':70,145,171,179 'manual':36 'maui':3,8,42,47,95 'migrat':390 'mode':67,155,190,279 'model':255 'multipl':153 'navig':37,57,66,104,122,128,138,154,181,183,198,205,218,222,278,297,304,362,399 'navigationdelay':347 'navigationdirect':322 'navigationstripmod':285 'navigationstripposit':317 'need':86 'net':7,41,46,94 'none':309 'nuget':231 'observablecollect':166,263 'onlin':274 'option':74,307 'outsid':310 'overview':148 'packag':232 'panel':375 'pattern':402 'posit':311,330 'practic':335 'preview':158 'product':25,98 'programmat':208,361 'promot':109 'provid':152 'read':226,250,282,314,340,365,391 'references/autoplay-and-interaction.md':341,342 'references/customization.md':366,367 'references/events.md':392,393 'references/getting-started.md':227,228 'references/navigation-modes.md':283,284 'references/placement-and-direction.md':315,316 'references/populating-data.md':251,252 'regist':233 'requir':33 'respond':216,397 'right':321 'righttoleft':326 'rotat':4,9,18,30,43,48,112,125 'scenario':32,272,387 'scroll':353 'select':210 'selected/unselected':291 'selectedindex':359 'selectedindexchang':213,394 'sfrotat':10,49,150 'sfrotatoritem':168,269 'showcas':26 'showing/hiding':303 'simpl':271 'six':182 'size':384 'skill':79,82 'skill-syncfusion-maui-rotator' 'slider':28,107 'slideshow':16,92,140 'source-syncfusion' 'start':225 'stroke':195,290,295 'style':200,281,299,380 'support':62,133,164 'swipe':121,203 'syncfus':2,6,45 'syncfusion-maui-rot':1 'syncfusion.maui.rotator':230 'templat':196,371,386 'testimoni':27,106 'text':374 'thumbnail':63,101,156,286,293 'time':143,348 'top':318 'topic-agent-skills' 'toptobottom':327 'unidirect':189 'url':277 'use':20,77,80,268 'user':85,338,357 'vertic':137,187,324 'viewer':119 'viewmodel':257 'visual':39 'work':243 'xaml':238,404","prices":[{"id":"91e4f87d-c675-4a83-8033-aa9abf0d8e1b","listingId":"cd170fb3-ca95-4bdd-ab65-963c184281b6","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"syncfusion","category":"maui-ui-components-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T22:15:42.718Z"}],"sources":[{"listingId":"cd170fb3-ca95-4bdd-ab65-963c184281b6","source":"github","sourceId":"syncfusion/maui-ui-components-skills/syncfusion-maui-rotator","sourceUrl":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-rotator","isPrimary":false,"firstSeenAt":"2026-04-18T22:15:42.718Z","lastSeenAt":"2026-04-22T00:56:09.687Z"}],"details":{"listingId":"cd170fb3-ca95-4bdd-ab65-963c184281b6","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"syncfusion","slug":"syncfusion-maui-rotator","github":{"repo":"syncfusion/maui-ui-components-skills","stars":53,"topics":["agent-skills"],"license":null,"html_url":"https://github.com/syncfusion/maui-ui-components-skills","pushed_at":"2026-04-08T07:27:37Z","description":"Skills for Syncfusion .NET MAUI components. Enable AI-assisted development with comprehensive documentation, code examples, and best practices for 100+ UI controls including DataGrid, Charts, Scheduler, and more.","skill_md_sha":"f4b9b88ee9583f90f151c198076657175c9dba2d","skill_md_path":"skills/syncfusion-maui-rotator/SKILL.md","default_branch":"master","skill_tree_url":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-rotator"},"layout":"multi","source":"github","category":"maui-ui-components-skills","frontmatter":{"name":"syncfusion-maui-rotator","description":"Implements Syncfusion .NET MAUI Rotator (SfRotator) control for displaying image carousels, slideshows, or rotating content. Use this for image galleries, product showcases, testimonial sliders, banner rotators, or scenarios requiring automatic or manual navigation through visual content."},"skills_sh_url":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-rotator"},"updatedAt":"2026-04-22T00:56:09.687Z"}}