html within datacard from SharePoint announcement app

[Anonymous]

I have an announcement sharepoint list. When I added the Body field to the datacard, html shows up; it does not show up in SharePoint. How can I remove it?

[nickduxfield]

Swap out the control for a HTML control, as the body column from this content type should be rich text (HTML).

[v-yamao-msft · Accepted solution]

Hi Lp939,

Please try to replace the label with a HTML text control.

Then set the HTML text control’s text property as ThisItem.ColumnName.

Please try it on your side, hope it will work for you.

Best regards,
Mabel Mao

[CayoSonia]

Cannot add an HTML control to a Datacard unless I missing something so for me this question is not solved. Any ideas?

[JGOUPIL]

Hey CayoSonia,

Have you handled your problem ?

I have the same one. People who have filled multi-lines text to SharePoint with carriage returns and things so I have HTML tags in my DataCard.

I can create a new DataCard,

- add a HTML Label with text based on the ValueDataCard

- add a Text Label with text based on the KeyDataCard

But it is not very easy... Another idea ?

[CayoSonia]

In the end I had to do something quite clunky and only put the sharepoint titles, submit/modify dates in the form. I then added a comment icon which navigated to a new screen, the new screen had the gallery control and I could add the list comments in an HTML text box. There might be a better way but I am a bit of a noob at this and the HTML markup had to go. Good luck!

[DavePotts_BritE]

I had the same problem. To display the HTML text I had to:

1. Give up using DataForms/DataCards
2. Use the HTML Text Label as suggested above
3. Set the label's HTMLText value to the selected item from the Gallery I had just navigated from, i.e. BrowseGallery1.Selected.Description

Regards, Dave.

[RandyHayes]

@DavePotts_BritE 

When you add your Html column/field to an EditForm, just select the Control type in the Fields definition and make it "Edit Rich Text".  This will give you the proper control to handle the Html.  By default it assigns an Edit Text control...which is just plain text.

Hope this simplifies things for you.  If not and you still have questions, you might want to post back in a new thread - as this one is a bit old.

[DavePotts_BritE]

@RandyHayes , thanks for the reply. I tried the "Edit Rich Text" control but I couldn't find a way to remove the tool bar at the top of the control. I need to display the contents as rendered HTML but don't want any edit controls.

I.e., how do I get rid of this in the image below?

[RandyHayes]

@DavePotts_BritE 

You could go with "View Rich Text" - However, this does not get rid of the toolbar on the control, it just disables it.

If you want to get rid of those controls, then really your only choice is to unlock the datacard, delete the Rich Text Edit control, and insert an HtmlText Control.  Then set its HtmlText property to Parent.Default.

That will give you a read-only view of the Html data.