Rich text component in Popup is showing

edited June 8, 2018 in Questions
When a rich text component is used in a popup, </p>
is appended to the actual text.

Page xml:

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

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>


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.

Comments

  • edited June 8, 2018
    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>

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!