Hi Klaus Hartl, Thank u for ur suggestion. I have tried by using what u have specied. It gives the same problem The whole page rendered.
Here I have attached the screen shot of the issue, please refer this link http://bp2.blogger.com/_o-GOnSfz8SI/SCqV63nPuEI/AAAAAAAAAAM/jKwYrnj3mvk/s1600-h/sample.bmp Thanks Sankar On May 14, 2:26 am, Klaus Hartl <[EMAIL PROTECTED]> wrote: > Have you tried: > > jQuery(function($){ > $('#zreportTabs').tabs({selected:0}); > > }); > > --Klaus > > On May 13, 10:58 am, sankar <[EMAIL PROTECTED]> wrote: > > > Hi, > > I try to use jquery in liferay portlet through spring web-flow > > action. It renders the whole page inside the tab instead of the > > particular jsp content. How shall I solve this problem. Please help me > > > Thanks in advance > > > The code is > > > <%@ taglib prefix="portlet" uri="http://java.sun.com/portlet"%> > > <html xmlns="http://www.w3.org/1999/xhtml"> > > <head> > > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> > > <title>Sample for tab implementation</title> > > <link rel="stylesheet" type="text/css" > > href="${pageContext.request.contextPath}/css/ui.tabs.css" /> > > <script type='text/javascript'> > > jQuery(function($){ > > $(function() { $('#zreportTabs').tabs({selected:0}); });}); > > > </script> > > </head> > > > <body> > > <div id='zreportTabs'> > > <ul> > > </li><a href="<portlet:renderURL> <portlet:param > > name="_flowExecutionKey" value="${flowExecutionKey}" /> > > <portlet:param name="_eventId" value="downloadReport" /> > > </portlet:renderURL>"><span>Download Report</span></a></li> > > <li><a href=''><span>Publish Reports</span></a></li> > > > </ul> > > </div> > > </body> > > </html>