Skip to main content
  • Power Apps
  • Overview
    • Build Apps
    • Automate Processes
    • Connect Data
    • AI Builder
    • Portals
  • Pricing
  • Partners
    • Partner Showcase
    • Find Consulting Services
    • Find a Partner
    • Become a Partner
  • Learn
    • Documentation
    • Guided Learning
    • Support
    • Roadmap
    • Blog
    • Customer Stories
  • Community
    • Forums
    • Galleries
    • Ideas
    • User Groups
    • Community Blog
  • Register
  • ·
  • Sign In
  • ·
  • Help
Go To
  • Power Apps Community
  • Get Help with Power Apps (Formerly General)
  • Building Power Apps (Formerly General Discussion)
  • Common Data Service for Apps
  • AI Builder
  • Power Apps Governance and Administering (Formerly Administering Power Apps)
  • Power Apps component framework, ALM & Pro Dev
  • Power Apps Portals
  • Power Virtual Agents Forum
  • Community Blog & News
  • News & Announcements (Formerly Power Apps Community Blog)
  • Galleries
  • Community App Samples
  • Video Gallery
  • Canvas Apps Components Samples
  • Microsoft Business Applications Presentations
  • Ideas
  • Power Apps Ideas
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 
  • Power Apps Community
  • Galleries
  • Community App Samples
  • Fancy & Functional multi-step form indicators and ...

Fancy & Functional multi-step form indicators and breadcrumbs in PowerApps

11-19-2018 09:21 AM

gsivasai
Level 8
1381 Views
LinkedIn LinkedIn Facebook Facebook Twitter Twitter
Highlighted
gsivasai
gsivasai
Level 8

Fancy & Functional multi-step form indicators and breadcrumbs in PowerApps

  • Mark as New
  • Bookmark
  • Subscribe
  • Mute
  • Subscribe to RSS Feed
  • Permalink
  • Print
  • Email to a Friend
  • Report Inappropriate Content
‎11-19-2018 09:21 AM

According to the Endowed Progress Effect (which is a phenomenon integrated into designing any UX process based on how the human brain makes decisions) we’re more likely to complete an action if there’s an illusion of progress and an effective visual aid of contextual information for landing pages. The best examples I can think of are –

  1. Multi-step forms that break up a long intimidating form into smaller sections and provides the user a sense of accomplishment as they proceed from step to step.
  2. Breadcrumb navigation to improve findability for users especially in apps with a lot of screens.

How do we incorporate those fancy, stylish and yet functional multi-step form indicators and breadcrumbs seen on websites in PowerApps using the OOB controls without custom scripts? 

Click here to download the app, It has few design templates and breadcrumbs with a back system implemented. Also, click here if you need detailed steps on recerating them on your end. Happy PowerApping!

multistepsendnapshot.PNG
breadcrumbsample.PNG
Labels:
  • Mobile app design and user experience
Message 1 of 1
1,381 Views
2 Kudos
Reply
  • All posts
  • Previous Topic
  • Next Topic

Power Platform

  • Overview
  • Power BI
  • Power Apps
  • Power Automate
  • Power Virtual Agents
  • Sign in
  • Sign up

Browse

  • Sample apps
  • Services

Downloads

  • Studio
  • iOS
  • Android

Learn

  • Documentation
  • Support
  • Community
  • Give feedback
  • Blog
  • Partners
  • © 2019 Microsoft
  • Privacy & cookies
  • Terms of use
  • Trademarks