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
    • Fancy background animations in PowerApps
    Accepted Solution

    Fancy background animations in PowerApps

    04-17-2019 18:51 PM

    Anonymous
    Not applicable
    13137 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,137 Views
    16 Kudos
    Reply
    • All forum topics
    • Previous Topic
    • Next Topic
    • « Previous
      • 1
      • 2
    • Next »
    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:37 PM

    @Anonymous 

    It can run without problems.
    Upload sample.

     

    BackgroundColorApp_tab.msapp
    Message 11 of 16
    1,003 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:42 PM

    @Anonymous  i made a few changes in your previous sample where in i kept the height at a static number and it worked. 
    do you by any chance know how to implement bootstrap in power apps. i have experience in bootstrap designing but i am not sure how do you get that in power apps.

     

    i have used a html text and put my code for bootstrap with all the CDN files as reference still no luck.

    Message 12 of 16
    1,000 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 11:03 PM

    @Anonymous 

    "<style>" cannot be used in the canvas app.
    Use PCF if you want to use Bootstrap

    Message 13 of 16
    996 Views
    1 Kudo
    Reply
    macky123
    macky123
    New Member
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎09-11-2020 06:34 AM

    Hey really awesome. You can create fancy backgrounds using some best softwares in the market. I made great baackground animations in powerapps using doodly this month.

    You can also have a look once into doodly. Also bought doodly at very low cost using doodly coupon. Bro just try it once

    Message 14 of 16
    804 Views
    0 Kudos
    Reply
    keerthincloud
    keerthincloud
    Regular Visitor
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎05-07-2021 05:27 AM

    Hi @Anonymous , Great component, loved it! However when I try to import it, I get the error "There was a problem importing AnimationEffect. A 'ServerException' occurred on the server. Can you help me out here, greatly appreciate it! 

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

    ‎05-20-2021 08:30 AM

    Great ! Thanks for sharing. 

    Message 16 of 16
    590 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