Hi Sankar, a screenshot actually doesn't help much. Although it looks like you just have to make sure in Liferay (don't know anything about it), that the Ajax requests by the remote tabs are not getting a full page response but only the part of the page that you need to update, e.g. the tab panel content.
--Klaus On 14 Mai, 12:58, sankar <[EMAIL PROTECTED]> wrote: > Hi, > Thanks Klaus Hartl > I have tried the below function call also. Again it gives the same > problem. It renders the whole page > > I attached the screen shot in the following link. > > http://bp2.blogger.com/_o-GOnSfz8SI/SCqV63nPuEI/AAAAAAAAAAM/jKwYrnj3m... > > Thanks > Sankar.K > > 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 inliferayportlet 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>