skills.rest
unoplatform
unoplatformOFFICIAL
Explore all skills by this author →
Website𝕏@unoplatformGitHub

uno-toolkit-selector-extensions

Synchronize a Selector control with a PipsPager via Uno Toolkit SelectorExtensions.

9|1|Updated Dec 10, 2024
Search Tags:#xaml#ui-binding#listview#uno-toolkit#flipview#selectorextensions#pipspager
One-click install
npx skills add https://github.com/unoplatform/studio --skill uno-toolkit-selector-extensions
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: uno-toolkit-selector-extensions
Source: https://github.com/unoplatform/studio/tree/main/skills/uno-toolkit-selector-extensions
Command: npx skills add https://github.com/unoplatform/studio --skill uno-toolkit-selector-extensions

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Synchronize a PipsPager with a Selector control (FlipView or ListView) to keep the current item and the pager indicators in sync.

Core Features & Use Cases

  • Bidirectional synchronization between a Selector (FlipView/ListView) and a PipsPager, so changes in selection update the pager and swiping the pager updates the selection.
  • Works with common Uno Toolkit controls and XAML bindings to support carousel and slideshow UI patterns.
  • Use cases include image galleries, product catalogs, and any content carousel where consistent paging indicators are essential.

Quick Start

Enable the SelectorExtensions attached property on a PipsPager paired with a FlipView or ListView to auto-sync NumberOfPages and SelectedIndex.

Frequently Asked Questions about uno-toolkit-selector-extensions

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I sync a PipsPager with a FlipView in XAML?▼

Use the Uno Toolkit SelectorExtensions attached property on a PipsPager paired with a FlipView to auto-manage NumberOfPages and SelectedIndex, ensuring bidirectional updates between the selection and paging indicators.

What is the best way to keep carousel paging indicators in sync with a ListView?▼

Use the Uno Toolkit SelectorExtensions to automatically handle bidirectional updates between the current item and the PipsPager across desktop and mobile platforms, ensuring consistent paging indicators.

Can I use PipsPager with ListView for bidirectional selection updates in Uno Platform?▼

Yes, by applying the SelectorExtensions attached property, the PipsPager and ListView maintain bidirectional selection updates automatically, keeping the current item and indicators synchronized.

Do I need Uno Toolkit UI libraries to synchronize a PipsPager with a Selector control?▼

Yes, the SelectorExtensions functionality relies on the Uno Platform Toolkit UI libraries to auto-manage NumberOfPages and SelectedIndex for paging synchronization.

Why does my PipsPager SelectedIndex not update when swiping a FlipView?▼

If the SelectorExtensions attached property is not enabled on the PipsPager, the bidirectional updates between the FlipView selection and the paging indicators will not auto-manage, causing the SelectedIndex to remain unsynchronized.

Related Skills

Explore More Software Engineering Skills→
unoplatformunoplatform
9

uno-toolkit-itemsrepeater-extensions

Add selection and incremental loading to ItemsRepeater via attached properties.

Official
Intermediate
unoplatformunoplatform
9

uno-toolkit-flipview-extensions

Enable desktop FlipView navigation arrows with hover-based auto-show behavior.

Official
Intermediate
unoplatformunoplatform
9

uno-toolkit-progress-extensions

Toggle descendant ProgressRing and ProgressBar controls with a single boolean binding.

Official
Intermediate
unoplatformunoplatform
9

uno-navigation-xaml

Adds View-based navigation to Aurelia apps with routing and state preservation.

Official
Intermediate