Posts

Showing posts from February, 2016

Import / Configure Liferay Source in Eclipse

Image
In this article, we will see how to import / configure Liferay source in Eclipse (or Liferay Developer Studio). First you have to download Liferay source of latest version from Liferay Web site. Once this is done, you can unzip it at some place in your local machine. Configure Liferay Source Follow below steps to configure Liferay source into eclipse 1. Right click at package / project explorer and choose Import. 2. Click on Existing Projects into Workspace. 3. Point the directory where you unzip liferay source from Browse button. 4. Once its imported, it will be available in project / package explorer in eclipse. And it's done.

The Easiest Way To Make Responsive Headers

Making pretty, responsive, headers is always a tricky process. Until now you needed to use floats or other complicated tricks and you even had to manually adjust pixel values. But not any more! The technique we are about to show you relies on the powerful flexbox layout mode to do all the dirty work for you. It uses just a handful of CSS properties to create a header that is properly aligned and looks good on all screen sizes, while leaving the code cleaner and less hacky. The Technique In our demonstrative example we’ve built a header, which is separated in three sections with typical header content nested within them: Left section – The company logo. Middle section – Various hyperlinks. Right section – A button. You can check out a simplified version of the code bellow. HTML code is where we group the sections in separate div tags. This makes it easier for CSS rules to be applied and generally produces a more organised code. <header> <div cl