Skip to main content
Microsoft logo
Power Apps
    • AI Builder
    • Automate processes
    • Azure + Power Apps
    • Build apps
    • Connect data
    • Portals
  • 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
    • 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
    • Business Value Webinars and Video Gallery
    • Emergency Response Gallery
    • 2021 MSBizAppsSummit Gallery
    • 2020 MSBizAppsSummit Gallery
    • 2019 MSBizAppsSummit Gallery
    • Ideas
    • Power Apps Ideas
    • Community Engagement
    • Demo Extravaganza 2021
    • Demo Extravaganza - Components 2021
    • Power Apps Community Demo Extravaganza 2020
    • 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
    • Community App Samples
    • Re: Fancy background animations in PowerApps
    Accepted Solution

    Re: Fancy background animations in PowerApps

    11-24-2019 02:03 AM

    Anonymous
    Not applicable
    8275 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    Anonymous
    Not applicable
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    Fancy background animations in PowerApps

    ‎04-17-2019 06:51 PM

    I prepared a stunning animation that gives your PowerApps app a lot attention.

     

    The animation consists of a background gradient with a smooth transition. Below there are multiple waves sliding from left to right.

    This sample consists of HTML control and timer control.

     

    Preview file
    82 KB
    サンプル-グラデーション背景アプリ.msapp
    Preview file
    4950 KB
    Labels:
    • Labels:
    • Formulas and Controls
    • Mobile App Design and User Experience
    Message 1 of 16
    10,700 Views
    14 Kudos
    Reply
    • All posts
    • Previous Topic
    • Next Topic
    • « Previous
      • 1
      • 2
    • Next »
    Sofie_D
    Sofie_D Responsive Resident
    Responsive Resident
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎04-19-2019 02:27 AM

    This looks really nice! I'm going to implement this idea in my loading screens.

    Message 2 of 16
    10,153 Views
    0 Kudos
    Reply
    Raynok1
    Raynok1 Helper V
    Helper V
    In response to Sofie_D
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎06-05-2019 01:56 AM

    This is super interesting, hope to see more. Well done.

    Message 3 of 16
    9,774 Views
    1 Kudo
    Reply
    mandy2018
    mandy2018 Advocate I
    Advocate I
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎07-01-2019 11:57 PM

    Stunning!!! So beautiful and inspiring.

    Message 4 of 16
    9,514 Views
    0 Kudos
    Reply
    Anonymous
    Not applicable
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎08-19-2019 01:45 AM

    yep, stunning is the right word, thanks for this sample !

    Message 5 of 16
    9,128 Views
    0 Kudos
    Reply
    Anonymous
    Not applicable
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎11-24-2019 02:03 AM

    @Anonymous hey!!

    i implemented your design however i cannot seem to get the color property in the app. the animation happens with the line but the color does not pop up on the screen. could you tell me if i need to change anything to get the background color?

    Message 6 of 16
    8,275 Views
    0 Kudos
    Reply
    Anonymous
    Not applicable
    In response to Anonymous
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎11-24-2019 04:05 PM

    Hi jayant1

    I downloaded and executed msapp today and it worked fine.
    Where did you change it?

     

    Message 7 of 16
    8,250 Views
    0 Kudos
    Reply
    Anonymous
    Not applicable
    In response to Anonymous
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎11-24-2019 08:26 PM

    @Anonymous i opened the app and it worked fine, however i have a tablet app so i just copied the components in my app and changed the on visible and on start of the app and screen. i am able to get the animation working but i am not able to get the background color and i am not sure why is that so. 
    Could you kindly help me out on this as i would love to implement this in my current app.

    Message 8 of 16
    8,246 Views
    0 Kudos
    Reply
    Anonymous
    Not applicable
    In response to Anonymous
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎11-24-2019 10:00 PM

    Hi @Anonymous 

     

    Perhaps the html "width" and "height" are wrong and may be crushed.
    Is it possible to provide more detailed information and apps?

    Message 9 of 16
    8,237 Views
    0 Kudos
    Reply
    Anonymous
    Not applicable
    In response to Anonymous
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎11-24-2019 10:03 PM

    @Anonymous  yeah it might be the case. height of my app is 768 and width is 1366.i have tried changing a bits here and there but the background color does not seem to work. 
    is it possible i can export the app and give it to you so you can check somethings?

    the animation is working like a charm however only the background color does not seem to work.

    Message 10 of 16
    8,234 Views
    0 Kudos
    Reply
    • « Previous
      • 1
      • 2
    • Next »

    Power Platform

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

    Power Apps

    • Sign in
    • Sign up

    Browse

    • Sample apps
    • Services

    Downloads

    • Studio
    • iOS
    • Android

    Learn

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

    • © 2022 Microsoft
    • Follow Power Apps
    • Privacy & cookies
    • Manage cookies
    • Terms of use
    • Trademarks