Liferay Hook Usage Example

Today, the UI group has a need to change the default header of Liferay to a custom header and use Ext-js to show the effect of the dynamic header, so we think of the function of using the Liferay hook.

Show effect

Initial state:

When the mouse wheel rolls down, the header is indented to a horizontal bar:

When the mouse wheel scrolls up, the header reverts to its original state:

Realize:

To achieve this, we have to create a Liferay hook feature, and then we create a directory under Meta-inf called Modify_liferay_defaults as the part we need to change. At the same time, we configure Liferay-hook.xml to point to this directory:

<?xml version= "1.0"?> 
<! DOCTYPE Hook Public "-//liferay//dtd hook 6.1.0//en" "Http://www.liferay.com/dtd/liferay-hook_6_1_0.dtd" >