Refer to a Data Page and referencing via HTML

User Experience
,
1

Hi,

Greetings. I am trying to use a property sourced from a Data Page via Refer to a Data Page. I am not using this directly in my HTML (if i use, table displays with values) however i have below HTML stored in a Data Type


```
<table class="xxx-table xxx-!-margin-bottom-8">
   <caption class="xxx-table__caption xxx-table__caption--s xxx-!-margin-bottom-2">xxx periods</caption>
   <thead class="xxx-table__head">
      <tr class="xxx-table__row">
         <th scope="col" class="xxx-table__header xxx-!-width-one-third">From</th>
         <th scope="col" class="xxx-table__header xxx-!-width-one-third">To</th>
         <th scope="col" class="xxx-table__header xxx-!-width-one-third">xxxxx</th>
      </tr>
   </thead>
   <tbody class="xxx-table__body">
      <pega:forEach name=".PageName.PropertyList">
         <tr class="xxx-table__row">
            <td class="xxx-table__cell xxx-!-width-one-third">
               <p:r n="$THIS.PropertyName1"/>
            </td>
            <td class="xxx-table__cell xxx-!-width-one-third">
               <p:r n="$THIS.PropertyName2"/>
            </td>
            <td class="xxx-table__cell xxx-!-width-one-third">
               <p:r n="$THIS.PropertyName3"/>
            </td>
         </tr>
      </pega:forEach>
   </tbody>
</table>
```

This HTML is being referred as <p:r n=“TempPage.cp_Property” m=“richtext”/>

However when the HTML is displayed, i only get to see the table without any values, looks like not referencing Property sourced from Data Page is not working. Is there a way around this?

Regards,
Bharat

2

@SrinivasBharatK17344851 To resolve this issue, ensure that the data page you are referencing (e.g., .PageName.PropertyList) is available and properly loaded on the clipboard before rendering the HTML. When HTML stored in a property is referenced using <p:r n="TempPage.cp_Property" m="richtext"/>, it doesn’t automatically bind to the data page unless explicitly linked. One workaround is to use a custom HTML section where you embed this HTML and set the clipboard page context correctly before rendering. Also, confirm that the PageName is correctly pointing to the data page (e.g., D_DataPageName) and that it’s evaluated at runtime, not design time. You can preload the data page in the flow or activity, copy its values to a temporary clipboard page (TempPage), and reference .TempPage.PropertyList inside the HTML. This ensures the data is accessible when the HTML is parsed and rendered dynamically.

3

@Sairohith Hi, I do not want to load the Data Page that defeats the purpose of Refer to a data page. This is a constellation based application so sections are not used. I have published this as a component in React.

Regards,

Bharat