Make Editable Fields in a Custom Widget Embedded in Fragment

Issue

• I have a custom widget and write editable fields in the JSP like this.
  

  <div class="form-group required">
      <label class="required-field-lbl form-field-lbl" data-lfr-editable-id="resume-name" data-lfr-editable-type="rich-text">Full Name</label>
      <input class="is-required form-control form-field resume-full-name" type="text" name="full-name">
  </div>

  
  Then I create a fragment and embed the custom widget in it following the documentation. When editing the page, I add the fragment to the page and try to edit the label of the field. However, the label cannot be edited. 

 

Environment

• Liferay DXP 7.4

 

Resolution

•  The markup added to the JSP page within the custom portlet is not a supported way to include tags or attributes to make some fields editable within a content page. These tags or attributes (for example, data-lfr-editable-id, data-lfr-editable-type) are only functional when they are located within regular Page Fragments, but not outside this context.