Hi..
I am using Tomahawk for implementing tabs as follows...
<t:panelTab id="tab" label="Tab" >
<f:verbatim>
<jsp:include page ="empprofile.jsp"/>
</f:verbatim>
</t:panelTab>
In the empprofile.jsp...I am including one css file.
But the styles are not applied according to css.
Can anybody help ?
Thanks,
Satish.
CSS have to be set in the HTML head. There can be only one HTML head and that's the one of the parent page.
HI..
I removed in the including page. and I included in the parent page.
But still I could not see the change.
this is the actual code:
<%@ include file="/ui/pageInit.jsp" %>
<%@ include file="/ui/header.jsp" %>
<f:view>
<html>
<h:form>
<t:panelTabbedPane activeTabStyleClass="tabbed-selected" inactiveTabStyleClass="tabbed-unselected" serverSideTabSwitch="false">
<f:verbatim>
</f:verbatim>
<h:outputText value="Common to everyone"/>
<f:verbatim>
</f:verbatim><t:panelTab id="tab1" label="Tab1" >
<h:selectBooleanCheckbox id="testCheckBox" value=""/><h:outputLabel for="testCheckBox" value="A checkbox"/>
<f:verbatim>
</f:verbatim>
<h:inputText id="inp1"/><f:verbatim>
</f:verbatim>
<h:inputText id="inp2" required="true" /><h:message for="inp2" showSummary="false" showDetail="true" />
</t:panelTab>
<t:panelTab id="tab2" label="Tab3" >
<f:verbatim>
<jsp:include page ="empprofile.jsp"/>
</f:verbatim>
</t:panelTab>
<t:panelTab id="tab3" label="Tab3" >
<f:verbatim>
</f:verbatim>
<h:inputText id="inp3"/><f:verbatim>
</f:verbatim>
<h:inputText id="inp4" required="true" /><h:message for="inp3" showSummary="false" showDetail="true" />
</t:panelTab>
</t:panelTabbedPane>
</h:form>
</html>
</f:view>
this is pageInit.jsp:
<head>
<title><%@ include file="/ui/title.jsp" %></title>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="-1" />
<link href="<%= request.getContextPath() %>/css/login-app.css" type="text/css" rel="stylesheet" />
<link href="<%= request.getContextPath() %>/css/admin-app.css" type="text/css" rel="stylesheet" />
<link href="<%= request.getContextPath() %>/css/stylesheet.css" type="text/css" rel="stylesheet" />
</head>
[nobr]
<%@ include file="/ui/pageInit.jsp" %>
<%@ include file="/ui/header.jsp" %>
<f:view>
<html>
<h:form>
<t:panelTabbedPane activeTabStyleClass="tabbed-selected" inactiveTabStyleClass="tabbed-unselected" serverSideTabSwitch="false">
<f:verbatim>
</f:verbatim>
<h:outputText value="Common to everyone"/>
<f:verbatim>
</f:verbatim><t:panelTab id="tab1" label="Tab1" >
<h:selectBooleanCheckbox id="testCheckBox" value=""/><h:outputLabel for="testCheckBox" value="A checkbox"/>
<f:verbatim><br/><br/></f:verbatim>
<h:inputText id="inp1"/><f:verbatim><br></f:verbatim>
<h:inputText id="inp2" required="true" /><h:message for="inp2" showSummary="false" showDetail="true" />
</t:panelTab>
<t:panelTab id="tab2" label="Tab3" >
<f:verbatim>
<jsp:include page ="empprofile.jsp"/>
</f:verbatim>
</t:panelTab>
<t:panelTab id="tab3" label="Tab3" >
<f:verbatim><br/><br/></f:verbatim>
<h:inputText id="inp3"/><f:verbatim><br></f:verbatim>
<h:inputText id="inp4" required="true" /><h:message for="inp3" showSummary="false" showDetail="true" />
</t:panelTab>
</t:panelTabbedPane>
</h:form>
</html>
</f:view>
this is pageInit.jsp
<head>
<title><%@ include file="/ui/title.jsp" %></title>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="-1" />
<link href="<%= request.getContextPath() %>/css/login-app.css" type="text/css" rel="stylesheet" />
<link href="<%= request.getContextPath() %>/css/admin-app.css" type="text/css" rel="stylesheet" />
<link href="<%= request.getContextPath() %>/css/stylesheet.css" type="text/css" rel="stylesheet" />
</head>
[/nobr]
