We already know how to Create WYSIWYG editor in our custom portlet.For this we create a hidden field with same name as our editor and use aui:validator on that field.
This blog is specially create for learning step by step liferay.We can learn liferay,hooks,ext,portlet,layout ,services and themes with eclipse ide.
Showing posts with label aui. Show all posts
Showing posts with label aui. Show all posts
Friday, June 29, 2018
Validation in WYSIWUG Editor in Liferay
We already know how to Create WYSIWYG editor in our custom portlet.For this we create a hidden field with same name as our editor and use aui:validator on that field.
Labels:
aui,
Liferay Basic,
liferay-ui,
UseFul Solutions
Thursday, November 2, 2017
Multiple ActionURL Call on Click of Buttons in Liferay
We already know how to submit a form in Liferay. Normally we create a Form with a submit button and in Form action we pass actionURL .
When we click the submit button the form is submitted and call the process action method. But sometimes we need to call various action methods on clicking of simple buttons. So today we will discuss this in detail.
So lets start this Step by Step:-
Labels:
aui,
Liferay Basic
Thursday, September 21, 2017
Use Liferay Auto Fields
Today we will see how to use Liferay Auto Fields. We can create fields at run time by using this. So lets Start:-
Inside your jsp paste this:-
Labels:
aui
Wednesday, September 20, 2017
Input Move Boxes in Liferay
Today we will see how to use Input move boxes in liferay. This can be used as a multiple select box. So lets Start:-
First we need to use liferay-ui:input-move-boxes tag in our jsp:-
Labels:
aui,
liferay-ui
Wednesday, June 28, 2017
Liferay Portlet URL in JavaScript
Today we will see how create Portlet URL in JavaScript. Some time we have a situation in which we don't want to submit a form but need to send the values of fields from view to controller. In this post we create a text box in which we fill the value and get this value in our controller without submitting any form.
So lets start this Step by Step:-
Labels:
aui,
Liferay Basic
Sunday, May 21, 2017
Use WYSIWUG Editor in our custom Portlet
In this blog we will see how to use WYSIWUG Editor in our custom portlet. So i create a simple portlet and load some default content in editor.You can change the content and click submit and the content will display on Console.
Labels:
aui,
Liferay Basic
Monday, November 28, 2016
Create tabs in liferay with liferay-ui:tabs
In liferay we can create a tabs by simply using Liferay ui tag.So in this tutorial we create 3 tabs and on each tab we have a form. so lets start this step by step:-
Wednesday, November 16, 2016
Navigation menu with liferay-ui:icon menu Tag
In liferay we can create a menu by simply using Liferay ui tag.So in this tutorial we create a table and in one column we give menu tab for various operations so lets start this step by step:-
Wednesday, March 30, 2016
Carousel in Liferay using Portlet
Today we will discuss how to create carousel in Liferay using Portlet.Before reading it is highly recommended to read my previous blog on Carousel in Liferay using web content.
So lets start this step by step:-
Labels:
aui
Tuesday, March 29, 2016
Carousel in Liferay using Web Content
Today we will discuss how to create carousel in Liferay using web content.Here i am using document and media portlet for storing images that can be use in carousel.So before reading this blog you must know how to store documents in document and media portlet and how to create a basic web content in Liferay.
So lets start this step by step:-
Labels:
aui,
Document and Media,
Web Content
Saturday, April 11, 2015
Open/Close Dialog Box using AUI in Liferay
Today we will discuss how to Open and Close a Aui Dialog box in liferay.In this we create a button on click of button a form is opened in dialog box which contain two input fields name , password and two buttons one for Submit the form and second for cancel.On Submit form is Submitted and details are shown in the dialog box .On Cancel form is simply closed so lets start this step by step.
Thursday, April 9, 2015
Form Submission Using AJAX(AUI) in Liferay
Form Submission Using AJAX(AUI)
Today we will discuss how to Submit a form using Ajax .For sending Ajax request we are using Alloy UI (aui) tags.Then finally Print the form data to Success page.The important thing is when we use Ajax the response is come back in Json(or Xml) form then how we redirect to Success page?
Sunday, March 22, 2015
Portlet Name Space Parameter in Liferay
Use Of Name Space Parameter in Liferay
Today we will discuss the use of Portlet Name Space parameter in Liferay.If you are using Liferay 6.1 then you can get the value of form input values easily but for Liferay 6.2 it is compulsory to use the namespaces.
Labels:
<namespace>,
aui
Subscribe to:
Posts (Atom)