dynamic-data-mapping-form-builder CSS should only be loaded when forms appear on the page

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.1.X
• Fix Version/s: 7.1.10 DXP FP13, 7.1.X
• Component/s: Dynamic Data Mapping > Form Builder
• Labels:
  • 7.1.x-only
  • ee-ts
  • liferay-fixpack-dxp-13-7110
• Branch Version/s:
  7.1.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/liferay/liferay-portal-ee/pull/15406

In 7.1.x we are including dynamic-data-mapping-form-builder CSS in every page, causing performance issues because browsers has to download an unused CSS.

Important This issue is not reproduced in 7.2.x and master branches:

• It was solved during some refactors done in LPS-93069 and LPS-93163
• That LPS cannot be backported to 7.1.x
• More info see following commits: 54b9facafac8989a3307104184a982933bf5ec42 and 53dcbecdbaf7aea65ad07430e568e504bf7c2c15

Steps to reproduce

1. Start Liferay bundle and open home page
2. In browser, open page source code and search dynamic-data-mapping-form-builder/css/main.css
   • Expected behavior: dynamic-data-mapping-form-builder CSS IS NOT found in source code
   • Wrong behavior: dynamic-data-mapping-form-builder CSS IS found in source code
3. Additional check: CSS should be displayed in Form Builder funcionality
4. In the Navigation menu, go to Site => Content => Form
5. Click in [+] button in order to create a Form.
6. In browser, open page source code again and search dynamic-data-mapping-form-builder/css/main.css
   • Expected behavior: dynamic-data-mapping-form-builder CSS IS found in source code
   • Wrong behavior: dynamic-data-mapping-form-builder CSS IS NOT found in source code