Select to view content in your preferred language

Classic Map Viewer VS. New Map Viewer - html in popups differences

276
0
08-29-2024 09:11 AM
ArmstKP
Frequent Contributor

The below code works in both the Classic and New Map Viewers.  But, if I remove the 3rd, 5th, 7th or 9th line of code, the status bar will not render in the New Map Viewer, but will in the Classic.  Why is this?

 

 

 

<div style="padding:0px 4px;">
    <p>
        <strong>Submitted on:</strong> {created_date}.<br>
        &nbsp;<br>
        <strong>Park Name:</strong> {Name_Primary}<br>
        <br>
        <strong>Request Details:</strong> {details}<br>
        <br>
        <strong>Status:</strong><br>
        &nbsp;
    </p>
    <figure class="table" style="width:100%;">
        <table style="border-collapse:separate;border-spacing:2px 4px;margin:0px -2px;max-width:500px;table-layout:fixed;">
            <tbody>
                <tr height="16">
                    <td style="text-align:center;width:25%;">
                        &nbsp;
                    </td>
                    <td style="text-align:center;width:25%;">
                        &nbsp;
                    </td>
                    <td style="text-align:center;width:25%;">
                        &nbsp;
                    </td>
                    <td style="text-align:center;width:25%;">
                        &nbsp;
                    </td>
                </tr>
                <tr style="text-align:center;" height="24">
                    <td style="font-weight:normal;padding-left:0px;text-align:center;width:25%;word-wrap:break-word;">
                        Submitted
                    </td>
                    <td style="font-weight:normal;padding-left:0px;text-align:center;width:25%;word-wrap:break-word;">
                        Received
                    </td>
                    <td style="font-weight:normal;padding-left:0px;text-align:center;width:25%;word-wrap:break-word;">
                        In Progress
                    </td>
                    <td style="font-weight:normal;padding-left:0px;text-align:center;width:25%;word-wrap:break-word;">
                        {expression/expr6}
                    </td>
                </tr>
            </tbody>
        </table>
    </figure>
    <p>
        <br>
        <strong>Notes about Request:&nbsp; </strong>{notes}<br>
        &nbsp;
    </p>
    <figure class="table" style="width:100%;">
        <table style="border-collapse:separate;border-spacing:0px 0px;margin:0px -1px;table-layout:fixed;">
            <tbody>
                <tr>
                    <td style="display:{expression/expr4};text-align:left;width:100%;">
                        <br>
                        <strong>Resolved On:</strong> {resolutiondt}<br>
                        <br>
                        <strong>Resolution Time:</strong> {expression/expr5}<br>
                        <br>
                        <strong>Resolution:</strong> {resolution}
                    </td>
                </tr>
            </tbody>
        </table>
    </figure>
</div>

 

 

With no lines removed:

ArmstKP_0-1724947820460.png

 

With the 3rd line removed:

 

<strong>Submitted on:</strong> {created_date}.<br>

 

Status bar is gone:

ArmstKP_1-1724947879590.png

0 Kudos
0 Replies