Liferay

Material Theme for Liferay

So yes, we’ve been busy and made a new theme called Material Theme for Liferay. You can take a wild guess what inspired us but in reality it’s just a simple Google Material Design based theme. I really love their design.

I don’t have time to write up a lot of marketing BS at this point so just look at the damn screenshots and admit it’s just what you have been looking for: Liferay Material Design theme.

 

screen5 screen4
screen2 screen3

Liferay Business Theme

Business Liferay Theme

Yes, we’ve done it again. This time we’ve made a Business Theme for Liferay. If you need a new theme or setup a site with Liferay then please check out one of our themes and give it a try – we won’t disappoint. This theme is fully customizable, you can setup the background images, adjust colors, fonts, sizes, page layouts etc.

You can get it from Liferay Marketplace

product_business_theme

All our themes offer Unlimited colors not specific color-schemes like most liferay themes because we feel that most of the time “Blue” is not quite the same as the blue in your company logo and we don’t want to compromise. Naturally you also get Responsive design that works on All modern browsers and super-great support – If you have a problem with our product then we will fix it.

Company Theme for Liferay

Theme for Liferay

Our code-monkeys have been hard at work lately and we’ve released a new theme called Company Theme for Liferay. If you need a new theme or setup a site with Liferay then please check out one of our themes and give it a try – we won’t disappoint. This theme is fully customizable, you can setup the background images, adjust colors, fonts, sizes, page layouts etc.

With this theme we feel that we have learned a few new tricks and maybe we should start building more themes for Liferay. Maybe it’s time Liferay had equally good quality and flexibility in themes as WordPress?

It’s available on Liferay Marketplace and you can have it NOW.
product_company_theme

All our themes offer Unlimited colors not specific color-schemes like most liferay themes because we feel that most of the time “Blue” is not quite the same as the blue in your company logo and we don’t want to compromise.

Naturally you also get Responsive design that works on All modern browsers and super-great support – If you have a problem with our product then we will fix it.

Liferay Company Theme Preview

Liferay Theme: Dashboard

We have spent some time working on a simple theme for Liferay that we have released on Liferay Marketplace. This Liferay theme that we simply call Dashboard theme is meant to be used for intranet applications, specifically mostly dashboard applications as the name suggests.

liferay dashboard theme

Notable features of this Liferay theme are:

  • Unlimited Custom colors – We decided to let the administrator pick the colors instead of color schemes.
  • Customizable settings – Boxed or full-width, Show / Hide search, Edit footer, Pick your fonts, Adjust the header height etc.
  • We included jQuery and jQueryUI and animate.css libraries but you can easily disable them.
  • Of course the design is responsive and scales to the smaller screens also.

You can read more about the features of the theme and see it in action right here: http://beta.amivarius.com/theme-dashboard but you can also check it out straight in Liferay Marketplace.

Liferay Dashboard Theme

Liferay Dashboard Theme Minimized Menu

Liferay Gallery Portlet

Our latest Liferay Image Gallery Portlet is finally available on the marketplace. We have teamed up with our good friends at Infira and implemented a really neat looking image gallery that you can use to present your portfolio, products, contacts or team event pictures.

Our Fancy animated liferay gallery portlet with document library support has these features:

  • Uses your specified Liferay built-in Document Library Folder as the image source.
  • Fully Responsive Design
  • Automatic Image Positioning
  • Click-to-enlarge
  • Ability to show/hide title and description of image
  • Supports multiple instances per page
  • Configurable (you can adjust all aspects of the portlet)
  • Adjustable colors and thumbnail size

screen4

screen5

screen1

 

This portlet is based on a special version of Opie Scripts Responsive Fully Customizable jQuery Portfolio Gallery.

For those of you who have been following our latest activity in the Liferay world you might want to know that we are working hard at the moment to release our next item into the marketplace which will be a super fancy dashboard theme that transforms your Liferay into really nice dashboard that’s properly suitable for the big screens and small screens. Stay tuned!

 

Liferay Carousel Portlet

Today we finished our work on Liferay Carousel Portlet for Liferay 6.2. It’s a rather useful portlet for public and also internal sites that we submitted to Liferay Marketplace and allows one to show your content, advertising or even important news in a carousel form. As everything went well with the submission process then the portlet is available in the marketplace since today and you have yet another fancy way to display your content in Liferay!

Content Carousel Portlet is basically a portlet that displays Liferay’s Web Content Articles inside a Carousel, allowing you to customize the slides in every way. You can add a single picture to the slide, that’s just fine. But you can also add a whole HTML5 embedded movie clip or your fancy Call-to-Action button on that slide.

We are slowly ramping up our portlet development efforts and we plan to submit many more useful portlets and some fancy new themes for Liferay Marketplace in the near future.

Our Carousel portlet scales nicely to full width of the portlet area, allowing you to show it either as small slides on a side or a large carousel on the top of the page. You can customize the animation and slide durations. Of course the portlet is also multi-instance capable so feel free to add multiple Carousels with different settings on your pages if you really want to show off your awesome content.

Here’s a simple screenshot:
liferay carousel portlet

Another screenshot – Notice that this time there’s text on the slide that’s not part of the image:
Liferay Carousel Slide Portlet

And here’s the screenshot for the configuration mode:
Liferay Content Carousel Config

Liferay Layout Templates finally approved!

Today our Liferay Layout Templates were finally approved. While Liferay Marketplace team took a little bit of time to finally approve them we are grateful that they finally did. Although the templates are not highly original they still fill the void when someone is missing a 15/85 or 25/75 or 40/60 ratio 2 column basic template.

While we don’t actually want to charge money for them, they did took us a small amount of time to make and getting them approved on Liferay Marketplace took also a considerable time considering all the somewhat awkward bumps we met on the road.

Basic 25 / 75 ratio layout

75-25
25-75

15/85 and 85/15 Basic layout for extra thin portlets

85-15
60-40
40-60
15-85

Liferay Birthday List portlet

cake

Just wanted to let you guys know that our very basic version of Liferay Birthday List portlet is now available for FREE on Liferay Marketplace.

You can download and install it straight from the Marketplace.
liferay birthday list portlet

The portlet relies on the Liferay’s internal user database and displays the birthdays of Yesterdays, Todays and Tomorrows birthdays.

Can’t really say that’s an achievement, but at least it’s our first Portlet on the Marketplace.
We plan to start publishing many useful Portlets to make the Liferay Ecosystem a little bit friendlier to people who don’t have development teams just hanging around, waiting for work…

We will probably publish a more feature-rich Liferay Birthday List portlet that would also show Work Anniversaries and allow sending quick Congratulations using Liferay Notifications.

New Liferay Layout Templates

Today we submitted 6 new Liferay Layout Templates. Although they are not very original they still fill the void when someone is missing a 15 / 85 or 25 / 75 or 40 / 60 ratio 2 column basic template.

At the moment of writing this they are not approved yet but we hope everything will go smoothly and you’ll be able to get them from Liferay Marketplace very soon!

Here’s a couple of screenshots of 15/85 and 85/15 Basic layout for extra thin portlets. 40/60 and 60/40 Basic Layouts for when you need just a little bit of extra space.

85-15

60-40

40-60

15-85

Basic 25 / 75 ratio layout that uses Liferay 6.2 built in span3 span9 ratios. Real-world percentages will depend on the theme and window sizes.

75-25

25-75

Liferay allPortletsReady event not firing

Today I stumbled upon a problem where I noticed that on some of my pages my portlet was acting weird and the culprit of the problem was the Liferay specific javascript “allPortletsReady” event not firing. I was using the latest version of Liferay 6.2 CE.

So I debugged and Googled around and went through a pretty large array of possible problems for why the allPortletsReady was not working for other people.

Some results suggested that the Related Assets portlet might cause the problem – That’s not the case this time though as I wasn’t using that portlet on my pages.

Next up on the list is Notifications Portlet and sure enough I had no Notification Portlet on those pages either.

Finding no obvious solutions using quick searches on Google and StackOverflow I decided to start testing and debugging. So I created a new clean page and added my portlet on that one. This time the portlet had it’s “allPortletsReady” event nicely firing so I now know that my portlet works on new and clean pages.

Then I deleted all portlets, including my own, from an old page where the portlet was not getting it’s allPortletsReady Javascript event called and then I added my portlet back in there. This time the Javascript event remained unfired and problem was still around the corner.

So by now we know that it works on clean new pages and does not work on old pages even after removing all portlets. I even tried switching themes which had no result.

Liferay allPortletsReady Solution (One of many)

Finally it dawned upon me – there has to be a difference on the pages between the new and old page – I checked the page’s embedded portlets section and discovered that even though I no longer had a Login portlet on those pages, they still had Liferay built-in Login portlet ID 58 listed there with some preferences saved. I removed those preferences and sure enough the allPortletsReady started firing again as normal.

Here’s a screenshot of the embedded portles section (I already removed the Login portlet from the list):
Liferay page embedded portlets

So it seems Liferay has some kind of an issue with old embedded Portlet preferences sticking around and causing issues with our Javascript events.


Solution: Remove old unused embedded portlet preferences from the page.

If you have a question or having trouble getting this thing working then feel free to write me a comment and I’ll do my best to help you out. If you would like to read more about Liferay related subjects then also make sure to comment on that and if you liked what you read then make sure to subscribe – It’s FREE!