cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
ChrisBenT
Level: Powered On

In-line CSS

Hi all,

 

I created an app where it is possible to use the rich text editor and the text is then patched to a column in SPO. As default I have added some html and CSS in order to make it look a bit nicer. I have also added variables that are filled in earlier stages (uncheck/check). Here is the code:

 

 

If(IsBlank(varTodayMeeting.MeetingMinutes),Concatenate("
<!doctype html>
<html>

    <body>
    <h1 style='border-radius: 5px; background: #ab95b5; color: White; padding: 15px;font-family: Maven Pro;'>Meeting Minutes ",varTodayMeeting.Title,"</h1>","
    <hr>
	<p class='pCSS'><b>Management board: ",Text(varTodayMeeting.StartTime,"[$-en-US]dd/mm/yyy"),"</b></p>
    <hr>
	<p class='pCSS'><Font color='grey'>Attendees: </font>",varAttendeesChecked,"</p>
    <hr>
	<p class='pCSS'><Font color='grey'>Absentees: </font>",varAttendeesUnchecked,"</p>
    <hr>
	<p class='pCSS'><Font color='grey'>Invitees: </font></p>
    <hr>
	<p class='pCSS'><font Color='grey'>Redactor: </font>",User().FullName,"</p>
    <hr>
    <br>",Concat(colTopicsTodayMeeting,"<h4><font color='#e98300'><b>"&Title&"</b></font></h4><br>"),"</body></html>"),varTodayMeeting.MeetingMinutes)

In PowerApps the HTML/CSS does not show everything, but that doesn't matter. Here's what I get:

 


image.png

When I don't write anything into the editor the CSS is well there when I save it to the SPO column:

image.png

Now here's the problem, once I do write something into the rich text editor, my CSS seems to get lost:

image.png

Can anyone explain to me why this is happening? Because I would like to keep my CSS.

 

Thanks in advance,

 

Chris

2 REPLIES 2
ChrisBenT
Level: Powered On

Re: In-line CSS

Also, when in play mode (not in edit mode, here it works fine), my rich text editors aren't visible.

 

image.png

TopShelf-MSFT
Level 10

Re: In-line CSS

Bumping for visibility 

 

@TopShelf-MSFT 

Helpful resources

Announcements
thirdimage

Power Apps Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

sixthImage

Power Platform World Tour

Find out where you can attend!

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

SecondImage

Difinity Conference

The largest Power BI, Power Platform, and Data conference in New Zealand

Top Kudoed Authors (Last 30 Days)
Users online (3,781)