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 consulting services
    • Blog
    • Customer stories
    • Documentation
    • Roadmap
    • Self-paced learning
    • Webinars
    • Overview
    • Issues
    • Give feedback
    • Overview
    • Forums
    • Galleries
    • Submit ideas
    • Register
    • ·
    • Sign In
    • ·
    • Help
    Go To
    • Power Apps Community
    • 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
    • Power Platform Integration - Better Together!
    • Power Platform Integrations
    • Power Platform and Dynamics 365 Integrations
    • Community Blog & News
    • News & Announcements
    • Power Apps Community Demo Extravaganza 2020
    • Galleries
    • Community App Samples
    • Webinars and Video Gallery
    • Canvas Apps Components Samples
    • Kid Zone
    • Business Value Webinars and Video Gallery
    • Emergency Response Gallery
    • 2019 Microsoft Business Applications Summit Recordings (Archived)
    • Microsoft Business Applications Summit 2020 Session Recordings
    • Ideas
    • Power Apps Ideas
    • 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

    07-01-2019 23:57 PM

    mandy2018
    Advocate I
    5494 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    Takuma
    Takuma Advocate II
    Advocate II
    • 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 14
    6,297 Views
    11 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 14
    6,133 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 14
    5,754 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 14
    5,494 Views
    0 Kudos
    Reply
    ProNewbie
    ProNewbie Advocate II
    Advocate II
    • 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 14
    5,108 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

    @Takuma 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 14
    4,255 Views
    0 Kudos
    Reply
    Takuma
    Takuma Advocate II
    Advocate II
    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 14
    4,225 Views
    0 Kudos
    Reply
    Anonymous
    Not applicable
    In response to Takuma
    • 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

    @Takuma 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 14
    4,221 Views
    0 Kudos
    Reply
    Takuma
    Takuma Advocate II
    Advocate II
    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 14
    4,214 Views
    0 Kudos
    Reply
    Anonymous
    Not applicable
    In response to Takuma
    • 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

    @Takuma  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 14
    4,211 Views
    0 Kudos
    Reply
    Preview Exit Preview

    never-displayed

    You must be signed in to add attachments

    never-displayed

    Additional options
    You do not have permission to remove this product association.
     
    • « 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

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