Forced to use a HTML tag when using

Question

I'm using Primefaces 5.2 and this is my index:

<!DOCTYPE html>
<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">
<h:head>
    <title>Demo</title>
    <!-- Incluyendo CSS: -->
    <link rel="stylesheet" href="./css/style.css" type="text/css" media="all" />
</h:head>
<h:body >

     <div id="header">
        <h:form id="ribbon">
            <ui:include src="/ribbon.xhtml"/>               
        </h:form>
    </div>

    <div id="section">
        <ui:include src="#{navegacion.pageName}.xhtml"/> 
    </div>

    <div id="footer">
        <ui:include src="/footer.xhtml"/>
    </div>
</h:body>
</html>

And my Navigation Bean:

package prueba;

import javax.faces.bean.ManagedBean;
import javax.faces.view.*;

@ManagedBean
@ViewScoped
public class navegacion {

    private String pageName="condominios";

    public navegacion() {

    }          

    public String getPageName() {
        return pageName;
    }

    public void setPageName(String pageName) {
        this.pageName = pageName;
    }
}

This is the problem: ribbon.xhtml have a ribbon component like a menu to access the entire site, the sensate idea is to put like this:

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:ui="http://java.sun.com/jsf/facelets">
<h:body>    
<!-- Aqui agregamos un menu ribbon -->
    <p:ribbon>
        <!-- Ribbon Code Here -->
    </p:ribbon>
</h:body>
</ui:composition>

But this eliminate the CSS style and don't work properly, instead I'm forced to make this:

<!DOCTYPE html>
<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">
<h:head>
    <title>Ribbon</title>

    <link rel="stylesheet" href="./css/style.css" type="text/css" media="all" />    
</h:head>

    <p:ribbon >
        <!-- Ribbon Code Here -->
    </p:ribbon>
</html>

This work properly and the css theme embedded in Primefaces works too, but is a mistery to me why I'm forced to use the HTML tags in the ribbon.xhtml, if I use another html tag in footer.xhtml ribbon fails.

In fact I have a problem utilizing the ui:include / ui:component in this layout scheme (Ribbon/ navigationBean(content) / footer) because every component I put in content.xhtml (I call it with a navigationBean, see index.xhtml) don't work.

I'm thinking this two problems are related, maybe solving the first one is the key to solve the other one.

I'm trying to solve the problem with a template but it doesn't work either.

"ribbon fails", "component don't work" - what exactly happens? It doesn't render, some action method is not called? Take your first version of ribbon.xhtml (with `ui:composition`) and remove the `h:body` tag - it doesn't belong there. — Vsevolod Golovanov, Apr 30 '15 at 11:21
If I don't put the html tag there, **the theme of primefaces don't work**, neither the actionlist of the buttons. That happens when I put but when I put html tag works like a charm. — Abraham Maldonado Barrios, Apr 30 '15 at 14:18
You're not opening ribbon.xhtml in the browser directly, are you? I assume you're opening index.xhtml. — Vsevolod Golovanov, Apr 30 '15 at 14:29
Yes, ribbon.xhtml open with index.xhtml, no h:body tag, very strange right? — Abraham Maldonado Barrios, Apr 30 '15 at 14:36
I can't uploads Images helping to illustrate the problem, because I don't have 10 points of reputation :/ — Abraham Maldonado Barrios, Apr 30 '15 at 14:52

score 0 · Answer 1 · answered May 07 '15 at 21:00

The problem was the import, in the Bean I put this:

import javax.faces.bean.ManagedBean;
import javax.faces.view.*;

@ManagedBean
@ViewScoped

And was wrong, the right import is this:

import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;

@ManagedBean
@ViewScoped

That solve me the two problems I commented early.

Forced to use a HTML tag when using

1 Answers1