Liferay101: Layout Types

This is part of the Liferay101 series that I’m doing. Here we introduce the various “layout types”, or page layouts, in Liferay. Primarly we use the “portlet” type; however, it’s useful to be familiar with the other ones as well. Much of this information is taken from the discussion in J. Yuan, Liferay Portal 6 Enterprise Intranets (2010, Packt Publishing) at page 62.


Layout Types


In the current iteration of the site, I’ve created examples of all five layout types in Liferay.
1. The “Welcome” page is the standard portlet type. This is the kind that we will use most often.
2. The “Panel Page” page is of panel type. This allows you to select portlets on the back-end. The selected portlets are displayed in a menu along the left-hand side of the page. If you click on the menu, the portlet expands to full-size on the right-hand side of the page. This was originally designed for control-panel type layouts. I doubt that we will use it very often, as it doesn’t allow for much customization, but we could use it like a short-cut or limited control-panel for user account settings, etc.
3. The url type (labeled “link page”) adds a link to an external site. If you click on the link it will refresh to the new site, full-screen. This will probably be very useful as a way to send people to the “external” site, at least for a while. Interestingly, the back button works correctly. If they click back, they will return to this site.
4. The article page “Test Web Content Page” displays a piece of web-content full-screen with a breadcrumb at the top. This is for articles or similar and it would be a natural for “terminal” pages in the navigation; articles, press releases, faculty bios, etc. You must know the numeric ID of the content element when you configure the page.
5. The link_to_page type will prompt for an internal page name that will become the target of the link. We will need to train our users to use this for redirects, rather than the complete URL, such as is used in the url type.

Additional layout type: Embedded


The embedded type allows you to embed a web-site within an iFrame on the existing site. This is of limited usefulness, I think, primarily because there are other ways to get to that type of content. This has gone out of fashion in modern web design. I’ve embedded Westlaw as the target of the link “Embedded iFrame”, just as an example. Again, I doubt that we would use this in production.

Have you found any of these useful, other than the standard “portlet” type? Let us hear about it in the comments.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s