Rich text component in Popup is showing \n

  • 1
  • Problem
  • Updated 5 months ago
  • In Progress
  • (Edited)
When a rich text component is used in a popup, <\/p>\n is appended to the actual text.

Page xml:

<contents>&lt;p&gt;To initiate this request.&lt;/p&gt;
</contents>


It appears fine when used on the main page. The XML has the span tag. 

<contents>&lt;p&gt;&lt;span style="font-size: 13.3px;"&gt; Please review the Name and Email Address before clicking &amp;#39;Continue&amp;#39; to initiate this request.&lt;/span&gt;&lt;/p&gt;
</contents>

When I copied this over to the popup, it appends like this:
<\/span><\/p>\n

Can you please advise a workaround? Using page title did not work since we have a fair amount of text. We are on 8.15.17 Rockaway.
Photo of jili@heidrick.com

jili@heidrick.com

  • 2,032 Points 2k badge 2x thumb

Posted 6 months ago

  • 1
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
Have you tried using a Template component?

I can't get this to repro in my own org, but I'm also not 100% I'm following your setup. I'm interested in the steps you took to make this rather than XML hacks.Check out my XML below for clarification:

<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="false" useviewportmeta="true" showheader="false">
    <models/>
    <components>
        <buttonset uniqueid="sk-3WsT-209">
            <buttons>
                <button type="multi" label="Open Pop Up" uniqueid="sk-3WsU-216">
                    <actions>
                        <action type="showPopup">
                            <popup title="New Popup" width="90%">
                                <components>
                                    <richtext multiple="false" uniqueid="sk-3WxA-398">
                                        <contents>&lt;p&gt;&lt;strong&gt;Rich Text:&lt;/strong&gt;&lt;/p&gt;
</contents>
                                    </richtext>
                                    <richtext multiple="false" uniqueid="sk-3Wwk-279">
                                        <contents>&lt;p&gt;&lt;strong&gt;&amp;amp;lt;p&amp;amp;gt;To initiate this request.&amp;amp;lt;/p&amp;amp;gt;&lt;/strong&gt;&lt;/p&gt;
</contents>
                                    </richtext>
                                    <richtext multiple="false" uniqueid="sk-3WxE-434">
                                        <contents>&lt;p&gt;&lt;strong&gt;Template&lt;/strong&gt;&lt;/p&gt;
</contents>
                                    </richtext>
                                    <template multiple="false" uniqueid="sk-3Wx7-378">
                                        <contents>&amp;lt;p&amp;gt;To initiate this request.&amp;lt;/p&amp;gt;</contents>
                                    </template>
                                    <richtext multiple="false" uniqueid="sk-3WxL-470">
                                        <contents>&lt;p&gt;Template that Allows HTML&lt;/p&gt;
</contents>
                                    </richtext>
                                    <template multiple="false" uniqueid="sk-3Wx5-359" allowhtml="true">
                                        <contents>&amp;lt;p&amp;gt;To initiate this request.&amp;lt;/p&amp;gt;</contents>
                                    </template>
                                </components>
                            </popup>
                        </action>
                    </actions>
                </button>
            </buttons>
        </buttonset>
    </components>
    <resources>
        <labels/>
        <javascript/>
        <css/>
        <actionsequences/>
    </resources>
    <styles>
        <styleitem type="background" bgtype="none"/>
    </styles>
</skuidpage>