web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

Welcome to the Power Platform Communities
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Gallery / Power Apps - Community App Samples / Fancy background animations...

Fancy background animations in PowerApps

Views (16749)
Community Power Platform Member Profile Picture Posted by Community Power Pla... Microsoft Employee

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.

 

メディア1.gif
キャプチャ2.PNG
サンプル-グラデーション背景アプリ...

Categories:

 Mobile App Design and User Experience

Comments

  • Community Power Platform Member Profile Picture Community Power Pla... Microsoft Employee
    Posted at
    Fancy background animations in PowerApps

    Great ! Thanks for sharing. 

  • keerthincloud Profile Picture keerthincloud
    Posted at
    Fancy background animations in PowerApps

    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! 

  • Community Power Platform Member Profile Picture Community Power Pla... Microsoft Employee
    Posted at
    Fancy background animations in PowerApps

    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

  • Community Power Platform Member Profile Picture Community Power Pla... Microsoft Employee
    Posted at
    Fancy background animations in PowerApps

    @Anonymous 

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

  • Community Power Platform Member Profile Picture Community Power Pla... Microsoft Employee
    Posted at
    Fancy background animations in PowerApps

    @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.

  • Community Power Platform Member Profile Picture Community Power Pla... Microsoft Employee
    Posted at
    Fancy background animations in PowerApps

    @Anonymous 

    It can run without problems.
    Upload sample.

     

  • Community Power Platform Member Profile Picture Community Power Pla... Microsoft Employee
    Posted at
    Fancy background animations in PowerApps

    @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.

  • Community Power Platform Member Profile Picture Community Power Pla... Microsoft Employee
    Posted at
    Fancy background animations in PowerApps

    Hi @Anonymous 

     

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

  • Community Power Platform Member Profile Picture Community Power Pla... Microsoft Employee
    Posted at
    Fancy background animations in PowerApps

    @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.

  • Community Power Platform Member Profile Picture Community Power Pla... Microsoft Employee
    Posted at
    Fancy background animations in PowerApps

    Hi jayant1

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