Saturday, September 28, 2013

Liferay Portlet Displaying AUI Date Time

Liferay  Portlet Displaying  AUI Date Time.


Display date time and date with different ways in liferay development.
I have displayed date and date time using life ray dete picker. Liferay date picker display date with minimal code in jsp so that we can display date or calendar in different ways.
I have created different dates or calendar in different ways and in back end means action class I collected selected date.
I have collected date in different ways like direct date format, date as string format and date as mille seconds,

Download the liferay portlet from following URL

I am providing war file and source code portlet. You can directly place war file your liferay portal deploy folder it will be deployed.
The port let available in sample category as Display Date Action.
The following is sample code to display date:
The following is jsp code

<%@ taglib uri="" prefix="aui" %>
<div id="myDatePicker" class="aui-datepicker aui-datepicker-display aui-helper-clearfix">
<aui:input name="startDateHidden" id="startDateHidden" type="hidden"  value="" ></aui:input>
var startDatePicker;
  function(A) {
    startDatePicker=new A.DatePickerSelect(
     appendOrder: ['m', 'd', 'y'],
        calendar: {
        dateFormat: '%m/%d/%Y',

 function submitForm(){
       var startDate;
       var endDate;"#<portlet:namespace/>startDateHidden").
set('value',startDatePicker.calendar.getFormattedSelectedDates ()[0]); 

Action class getting date:

DateFormat dateFormat = new SimpleDateFormat("MM/dd/yyyy");
Date startDate=ParamUtil.getDate(actionRequest,"startDateHidden", dateFormat);
String startDateString=ParamUtil.getString(actionRequest,"startDateHidden");

Important Points:

  •        Display only date using AUI library
  •     Display Date in different formats
  •        Display date and time using AUI and liferay Time tag.
  •     Get the date in action class in different formats.
  •        Validate two dates.

  •  I have done this in liferay 6.1 CE. If you are using other version simple use my code.
  • All out put you can see in console. In console you can see all information.
  •  For more details you can walk through jsp code and action class code.

Screen Shots:

The following are reference links

Tuesday, September 24, 2013

Liferay PDF generation from HTML using flying saucer

Liferay PDF generation from HTML using flying saucer


Generate PDF content in liferay using html content. Generally we use itext library to generate pfd. When we use itext library we need to write so much java code to prepare PDF. I have done example which generate PDF by using html.
I am using one of library called flying saucer from this we can convert xhtm or html content as PDF.
We can also apply CSS to html so that same view we can get in PDF. For more details you can follow the link.

Download porlet from following link

In download link I am providing .war and source code.
If you want use .war file simply download war file and place into your liferay portal deploy directory then it will be deployed and portlet is available in sample category and portlet name is Pdf Action.
I have done simple example so that you can get idea to generate PDF using html.
I just hard code some HTML table in action class I am passing html content to flying saucer it will convert the html to PDF.
You can go through the code you will get more info.
I have used liferay 6.1 CE.
If you are using lower version you just copy portlet class code and jar files to you existed portlet. Otherwise portlet won’t be deployed.

If you get any problem in download file is not able to view or no data in download file please refer this following link

Recent Posts

Recent Posts Widget

Popular Posts