Skip to main content
Microsoft logo
Power Apps
    • AI Builder
    • Automate processes
    • Azure + Power Apps
    • Build apps
    • Connect data
    • Pages
    • Take a guided tour
  • Pricing
    • Overview
    • Become a Partner
    • Find a Partner
    • Find partner offers
    • Partner GTM Resources
    • Blog
    • Customer stories
    • Developer Plan
    • Documentation
    • For IT Leaders
    • Roadmap
    • Self-paced learning
    • Webinars
    • App development topics
    • Overview
    • Issues
    • Give feedback
    • Overview
    • Forums
    • Galleries
    • Submit ideas
    • User groups
    • Register
    • ·
    • Sign in
    • ·
    • Help
    Go To
    • Power Apps Community
    • Welcome to the Community!
    • News & Announcements
    • Get Help with Power Apps
    • Building Power Apps
    • Microsoft Dataverse
    • AI Builder
    • Power Apps Governance and Administering
    • Power Apps Pro Dev & ISV
    • Power Apps Portals
    • Connector Development
    • Power Query
    • GCC, GCCH, DoD - Federal App Makers (FAM)
    • Power Platform Integration - Better Together!
    • Power Platform Integrations
    • Power Platform and Dynamics 365 Integrations
    • Community Blog
    • Power Apps Community Blog
    • Galleries
    • Community Connections & How-To Videos
    • Community App Samples
    • Webinars and Video Gallery
    • Canvas Apps Components Samples
    • Kid Zone
    • Emergency Response Gallery
    • Events
    • 2021 MSBizAppsSummit Gallery
    • 2020 MSBizAppsSummit Gallery
    • 2019 MSBizAppsSummit Gallery
    • Community Engagement
    • Community Calls Conversations
    • Experimental
    • Error Handling
    • Power Apps Experimental Features
    • Community Support
    • Community Accounts & Registration
    • Using the Community
    • Community Feedback
    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
    • Webinars and Video Gallery
    • Design your Power Apps Forms | Form Control Tutori...

    Design your Power Apps Forms | Form Control Tutorial

    01-23-2023 06:35 AM

    RezaDorrani
    Community Champion
    451 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    RezaDorrani
    RezaDorrani Community Champion
    Community Champion
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    Design your Power Apps Forms | Form Control Tutorial

    ‎01-23-2023 06:35 AM

    In this Power Apps Form Control Design tutorial video, I will showcase how to transform the out of the box Form Control styles (UI/UX).

    We will improve the From Control design by updating fonts, colors, conditional formatting, highlighting data cards with validation errors, adding sections to PowerApps forms, created tabbed forms, creating backgrounds for form, bulk updating data cards for styling, changing control types - combo boxes to radio buttons, text controls to slider controls, modern fluent UI date picker control and more. I will showcase a scenario with a SharePoint List and Power Apps Form Control.

     

    PowerApps Tutorial Video on Form Designing includes the following:

    ✅ Working with Form Control and Data Cards

    ✅ Required field formatting for Data Cards

    ✅ Highlight Data Cards with Validation Errors

    ✅ Apply custom Fonts for Form Control and App

    ✅ Bulk update Data Card properties in Form Control

    ✅ Enhance Data Card UX by transforming controls - use Radio Buttons, Slider Control, Fluent UI Date Picker control

    ✅ SharePoint Choice Column as Radio list, SharePoint Number Column as Slider selector

    ✅ Build sections in Power Apps forms

    ✅ Build tabbed forms (show/hide data cards in form control)

    ✅ Form Design - Background Image, Fill, Relative Positioning, Colors etc.

     


    Thanks,
    Reza Dorrani, MVP
    YouTube
    Twitter

    watch?v=rFDFWQWk81k

    Labels:
    • Labels:
    • Canvas Apps
    • Community Tips & Tricks
    • Design Matters UX Tips
    • General PowerApps
    • PowerApps Hacks
    Message 1 of 1
    451 Views
    1 Kudo
    Reply
    • All forum topics
    • Previous Topic
    • Next Topic

    Power Platform

    • Overview
    • Power BI
    • Power Apps
    • Power Pages
    • Power Automate
    • Power Virtual Agents

    Browse

    • Sample apps
    • Services

    Downloads

    • Windows
    • iOS
    • Android

    Learn

    • Documentation
    • Support
    • Community
    • Give feedback
    • Blog
    • Partners

    • © 2023 Microsoft
    • Follow Power Apps
    • Privacy & cookies
    • Manage cookies
    • Terms of use
    • Trademarks
    California Consumer Privacy Act (CCPA) Opt-Out Icon Your California Privacy Choices