pmp-plugin-liferay-v7 v0.1.0
pmp-plugin-liferay-v7
Pimp My Page plugin - contains liferay 7 helpers
JS Helpers
helpers.lfr7.killAUI() prevents AUI to work in the page
helpers.lfr7.AUIRemoveUse(moduleName, removePattern) prevent specific AlloyUI modules to be loaded/executed
required param moduleName the AUI module name string
required param removePattern the string to erase for preventing module execution stringhelpers.lfr7.injectExistingPortlet() move around existing portlet to some other location
HTML Helpers
portlet
generate portlet skin in a liferay 7 fashion to wrap content
<!-- default | will provide a fake title and default skin type (decorate)-->
<portlet>...insert HTML content here...</portlet>
<!-- portlet with decorated skin -->
<portlet content-title="portlet custom title" application-decorators="decorate">...insert HTML content here...</portlet>
<!-- portlet with borderless skin -->
<portlet content-title="portlet custom title" application-decorators="borderless">...insert HTML content here...</portlet>
<!-- portlet with barebone skin -->
<portlet content-title="portlet custom title" application-decorators="barebone">...insert HTML content here...</portlet>
lfr-layout-container, lfr-row, lfr-column
generate page layout wrapper in a liferay 7 fashion. This tag should be used in conjunction with lfr-row and lfr-column to build a grid layout for the page.
Depending on the configuration of rows and columns provided, the layout will automatically append Liferay' specific classes ('empty', 'only', 'first', ...)
<!-- default | you can provide additional CSS classes via 'add-classes' attribute-->
<lfr-layout-container></lfr-layout-container>
<!-- example of real usage for grid layout | first row (2 columns) & second row (3 columns) -->
<lfr-layout-container add-classes="layout-homepage">
<lfr-row>
<lfr-column add-classes="col-33">...insert <portlet>s here...</lfr-column>
<lfr-column add-classes="col-66">...insert <portlet>s here...</lfr-column>
</lfr-row>
<lfr-row>
<lfr-column add-classes="col-33">...insert <portlet>s here...</lfr-column>
<lfr-column add-classes="col-33">...insert <portlet>s here...</lfr-column>
<lfr-column add-classes="col-33">...insert <portlet>s here...</lfr-column>
</lfr-row>
</lfr-layout-container>
re-inject-portlet
relocate a portlet into the page. This helper tag is useful for targeting a portlet by ID and move it to the tag position.
<!-- default | will provide a fake title and default skin type (decorate)-->
<portlet>...insert HTML content here...</portlet>
<!-- portlet with decorated skin -->
<portlet content-title="portlet custom title" application-decorators="decorate">...insert HTML content here...</portlet>
<!-- portlet with borderless skin -->
<portlet content-title="portlet custom title" application-decorators="borderless">...insert HTML content here...</portlet>
<!-- portlet with barebone skin -->
<portlet content-title="portlet custom title" application-decorators="barebone">...insert HTML content here...</portlet>
7 years ago