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 :)
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