SAP Knowledge Base Article - Public

2356228 - HTML tags are stripped when editing cover page source - LMS

Symptom

When editing a cover page using the "Source" button, any added <html>, <head> or <body> tag styles are shown in the cover page editor but are lost when previewing or saving the page.

Environment

  • SuccessFactors Learning Management System (LMS) all versions

Reproducing the Issue

1.       Select a cover page and click the gear icon to edit the page then select the source button:
 

2.       If we wanted to change the entire background color we could try adding a body tag:

 
3.       Clicking Preview will only show the text and not the style attributes added to the body:

 
4.       However, clicking the “gear” icon again will show the expected green background:

Cause

The HTML container used for the cover page source code does not support editing of top-level tags because these are used by the container after the cover page is saved.

This is why the tags are shown in the editor but do not carry over to the saved cover page.

Resolution

This is expected behavior for the HTML editor. In order to accomplish whole-page styling a <div> tag must be used with the appropriate height and width attributes. For example:

<div style="padding:20px; height:200px; width:auto; background-color:green;">
<p>Hello World</p>
</div>

See Also

For more information on cover pages see Knowledge Base Article 2149181

Keywords

html, body, head, coverpage, item, page, source, code , KBA , LOD-SF-LMS , Learning Management System , Problem

Product

SAP SuccessFactors Learning 1605