Liferay.com

Saturday, July 12, 2014

How to change maximize & minize icon in 6.2

There was a peculiar use case I ran into when i am working on a project.

Portlet icons needs to be changed in following scenarios
1) default maximize icon
2) icon we have with portlet once maximized
3) icon we have with portlet once minimized

Here is the CSS code snippet for the same.
/*to change icono f maximize to icon-resize-full*/
.aui .icon-plus:before {
    content: "\f065";
}
/* to change icon next to Restore when portlet minimized to icon-plus*/
.aui .icon-resize-vertical:before{
 content: "\f067";
}

Hope it helps somebody - Cheers :)

No comments:

Post a Comment