html text create a footer

[Frans_365CH]

Hi, need some help,

<style>
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
}
</style>

<div class="footer">
  <p>Footer</p>
</div>

This don't work in the HTML text in PowerApps, how can i build a footer?

Or any idea

[mdevaney]

@RandyHayes 
That's a really excellent idea and saves us from having to become HTML/CSS geniuses when making low-code apps 😉

I do something similar when making an HTML table in email with styling.  There are many HTML table generators out there... I can just create the table + styles with the generator and add the variables code in Power Apps.

Example:

https://divtable.com/generator/

Thanks for trading tips!

---
Please click "Accept as Solution" if my post answered your question so that others may find it more quickly. If you found this post helpful consider giving it a "Thumbs Up."

[Frans_365CH]

I haven't found anything yet! I did find some examples of how you can process data from PowerApps in the HTML Object. So indeed I started at 0 and have a good working invoice system. Now I am trying to get a "footer" in my invoice.

https://www.365cloudhouse.com/powerapps-training-facturen-html-flow/

Here you can find some pictures of the setup. Interesting is the use of Flow to retrieve the data from the server. Hope this can help you. But i think you are an expert. 😎

[RandyHayes]

@mdevaney 

And yes...generating email HTML is a whole different thing since Outlook does not like div tags and a few other things.  

I thought HTML was a standard...LOL

[RandyHayes]

@Frans_365CH Excellent post!

[mdevaney]

@Frans_365CH 

I am very happy that you shared this information with me Frans.  I do not speak German, however, with some help from Google Translate I am reading your article!  Curious to see if you have any more hidden gems like this one!

For your reference: I too have a blog, link: https://matthewdevaney.com

---
Please click "Accept as Solution" if my post answered your question so that others may find it more quickly. If you found this post helpful consider giving it a "Thumbs Up."

[Frans_365CH]

Its Dutch. 😂 

[RandyHayes]

@Frans_365CH 

Who doesn't read Dutch?? LOL 🤣

Nothing like on-screen translation!

[mdevaney]

@Frans_365CH 
LOL, I am very 'basic' when it comes to languages other than English and it shows...  I am from Canada!

I am going to forward your article to a friend who has a weekly newsletter with links to Power Apps blog posts.  He might like to include it! 

[Frans_365CH]

I love the cats! I live in Holland! 

[Frans_365CH]

I have certainly been able to improve the quality of the invoices with the internal style, but I still can't get the footer done. So if you still have an idea. In any case, it was a good tip!