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
    • 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
    10475 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    Anonymous
    Not applicable
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • 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
    13,191 Views
    16 Kudos
    Reply
    • All forum topics
    • 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
    • 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
    12,353 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
    • Report Inappropriate Content

    ‎06-05-2019 01:56 AM

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

    Message 3 of 16
    11,974 Views
    1 Kudo
    Reply
    mandy2018
    mandy2018 Advocate I
    Advocate I
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎07-01-2019 11:57 PM

    Stunning!!! So beautiful and inspiring.

    Message 4 of 16
    11,714 Views
    0 Kudos
    Reply
    Anonymous
    Not applicable
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎08-19-2019 01:45 AM

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

    Message 5 of 16
    11,328 Views
    0 Kudos
    Reply
    Anonymous
    Not applicable
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • 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
    10,475 Views
    0 Kudos
    Reply
    Anonymous
    Not applicable
    In response to Anonymous
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • 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
    10,455 Views
    0 Kudos
    Reply
    Anonymous
    Not applicable
    In response to Anonymous
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • 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
    10,451 Views
    0 Kudos
    Reply
    Anonymous
    Not applicable
    In response to Anonymous
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • 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
    10,442 Views
    0 Kudos
    Reply
    Anonymous
    Not applicable
    In response to Anonymous
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • 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
    10,439 Views
    0 Kudos
    Reply
    • « Previous
      • 1
      • 2
    • Next »

    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