The FusePoint Flashcards webpart introduces an engaging flashcard experience directly within SharePoint. Cards are grouped by category, support flipping between front and back content, and can be navigated via an intuitive carousel interface.
Users can explore flashcards within a category, switch between categories using a sidebar menu, and optionally shuffle flashcards to promote dynamic learning and memory recall.
Features
Category-Based Grouping: Cards are organized into categories with navigable tabs on the left
Interactive Flip: Click to flip any card and reveal back-side content
Carousel Navigation: Browse flashcards within a category using forward/backward controls
Randomization Option: Enable random display order for cards instead of fixed displayOrder
Dynamic Category Display: Categories with no available cards are automatically hidden from the sidebar
Responsive UI: Optimized layout for desktop and mobile experiences
SharePoint Native: Fully built with SPFx and styled to match the SharePoint UI
How It Works
Flashcards Structure
Each flashcard includes:
Category (used for grouping and navigation)
Front Content (title or prompt)
Back Content (answer or explanation)
Display Order (used when randomization is off)
Default Behavior
Cards are sorted by displayOrder within each category
Category list is shown on the left sidebar
Clicking a category name loads its flashcards into the main carousel view
If no flashcards exist in a category, it is hidden from the sidebar
Optional Randomization
When the "Randomize Flashcards" option is enabled in the web part properties,
the displayOrder is ignored and the flashcards in each category are shuffled
The shuffle is client-side and occurs each time the web part loads
How to Use
Adding the Web Part
Go to the desired SharePoint page in edit mode
Click "Add a Web Part"
Select FusePoint Flashcards from the list
Configuring the Web Part
Connect to a SharePoint list or data source with flashcards
Set up the list fields:
Category field (Text or Choice)
FrontContent and BackContent fields (Rich Text or HTML)
Optional: DisplayOrder field (Number)
Toggle "Randomize Flashcards" on or off in the property pane
Customization Options
Random Order: Toggle whether flashcards follow displayOrder or are randomized
Card Style: Customize fonts, colors, and sizes through web properties or custom CSS
Category Visibility: Automatically filters out categories with no available cards
Carousel Settings: Control transition speed or auto-play (if enabled in future versions)
Benefits
Engaging Learning Tool: Great for training, onboarding, or study aids
Interactive UI: Flip cards for an immersive memory-based experience
Flexible Sorting: Control how users experience the flashcards
Category Management: Keep navigation clean by hiding empty categories
SharePoint Integrated: Seamlessly embedded into your modern pages
Conclusion
The FusePoint Flashcards webpart offers a unique way to present structured content using flashcards. Its category-based organization, flipping animation, and optional randomization make it ideal for training, quizzes, and knowledge reinforcement—all within the familiar SharePoint environment.
