Problema com o prime faces

2 respostas
N

Boa noite.

Estou trabalhando com templates, mas estou tendo o seguinte problema.
Quando eu clico em cima de algum menuItem ele ta abrindo normal, só que o problema é que quando ele abre, ta aparecendo na lateral uma barra de rolagem, e eu queria poder desabilitar essa barra.

Abaixo está o meu código do template

<p:layout fullPage="true">
        <p:layoutUnit position="north" closable="true">
            <p:panel>

                <p:graphicImage url="imagens/spring.png"/>
                <h:form>
                    <p:menubar style="float: left; margin-bottom: 100px; margin-left: -10px">
                        <p:submenu label="Cadastro">
                            <p:menuitem value="Cliente" url="./comAutenticacao/cadastroClientes.xhtml"/>
                            <p:menuitem value="Usuário"/>
                        </p:submenu>
                        <p:submenu label="Financeiro">
                            <p:menuitem value="Baixa de Contas"/>
                            <p:menuitem value="Consulta de Contas"/>
                        </p:submenu>
                        <p:submenu label="Faturamento">
                            <p:menuitem value="Faturamento de Saída"/>
                        </p:submenu>
                        <p:submenu label="Manutenção">
                            <p:menuitem value="Permissões de Usuários"/>
                            <p:menuitem value="Exclusão de Usuários"/>
                            <p:menuitem value="Exclusão de Clientes"/>
                            <p:menuitem value="Informações"/>
                        </p:submenu>
                        <p:submenu label="Sair"/>
                    </p:menubar>
                </h:form>

            </p:panel>

        </p:layoutUnit>
        <p:layoutUnit position="center" resizable="true">
            <ui:insert name="content">

            </ui:insert>
        </p:layoutUnit>

        <p:layoutUnit position="south" resizable="true"> 
            <center>
                <h:outputLabel value="Spring Security, registrado por />
            </center>
        </p:layoutUnit>
    </p:layout>

Aguardo resposta

2 Respostas

A

Fala Naruto !!!

Olhei o seu codigo e fiz um teste, só para entender, você fez um Panel e dentro dele colocou seu menu, certo !!!
Mas seu componente panel aparece o scroll porque os itens do seu menu é maior que o campo que esta configurado pra ele faz o teste que vai entender

&lt;p:layout fullPage="true"&gt; 
        &lt;p:layoutUnit position="north" closable="true"&gt;  
            &lt;p:panel style="height: 300px"&gt; /* Aqui eu aumentei o panel para entender o que  havendo */
                &lt;p:graphicImage url="imagens/spring.png"/&gt;  
                &lt;h:form&gt;  
                    &lt;p:menubar style="float: left; margin-bottom: 100px; margin-left: -10px"&gt;  
                        &lt;p:submenu label="Cadastro"&gt;  
                            &lt;p:menuitem value="Cliente" url="./comAutenticacao/cadastroClientes.xhtml"/&gt;  
                            &lt;p:menuitem value="Usuário"/&gt;  
                        &lt;/p:submenu&gt;  
                        &lt;p:submenu label="Financeiro"&gt;  
                            &lt;p:menuitem value="Baixa de Contas"/&gt;  
                            &lt;p:menuitem value="Consulta de Contas"/&gt;  
                        &lt;/p:submenu&gt;  
                        &lt;p:submenu label="Faturamento"&gt;  
                            &lt;p:menuitem value="Faturamento de Saída"/&gt;  
                        &lt;/p:submenu&gt;  
                        &lt;p:submenu label="Manutenção"&gt;  
                            &lt;p:menuitem value="Permissões de Usuários"/&gt;  
                            &lt;p:menuitem value="Exclusão de Usuários"/&gt;  
                            &lt;p:menuitem value="Exclusão de Clientes"/&gt;  
                            &lt;p:menuitem value="Informações"/&gt;  
                        &lt;/p:submenu&gt;  
                        &lt;p:submenu label="Sair"/&gt;  
                    &lt;/p:menubar&gt;  
                &lt;/h:form&gt;  
            &lt;/p:panel&gt;  
        &lt;/p:layoutUnit&gt; 
        
        &lt;p:layoutUnit position="center" resizable="true"&gt;  
            &lt;ui:insert name="content"&gt;  

            &lt;/ui:insert&gt;  
        &lt;/p:layoutUnit&gt;  

        &lt;p:layoutUnit position="south" resizable="true"&gt;   
            &lt;center&gt;  
                &lt;h:outputLabel value="Spring Security, registrado por"/&gt;  /*No codigo anterior faltava o aspas no final, mas nesse consta hehehe*/
            &lt;/center&gt;  
        &lt;/p:layoutUnit&gt;  
    &lt;/p:layout&gt;  
&lt;/body&gt;
&lt;/html&gt;

Tenta ae !
Espero ter te ajudado.
vlw

N

alexandergtk:
Fala Naruto !!!

Olhei o seu codigo e fiz um teste, só para entender, você fez um Panel e dentro dele colocou seu menu, certo !!!
Mas seu componente panel aparece o scroll porque os itens do seu menu é maior que o campo que esta configurado pra ele faz o teste que vai entender

&lt;p:layout fullPage="true"&gt; 
        &lt;p:layoutUnit position="north" closable="true"&gt;  
            &lt;p:panel style="height: 300px"&gt; /* Aqui eu aumentei o panel para entender o que  havendo */
                &lt;p:graphicImage url="imagens/spring.png"/&gt;  
                &lt;h:form&gt;  
                    &lt;p:menubar style="float: left; margin-bottom: 100px; margin-left: -10px"&gt;  
                        &lt;p:submenu label="Cadastro"&gt;  
                            &lt;p:menuitem value="Cliente" url="./comAutenticacao/cadastroClientes.xhtml"/&gt;  
                            &lt;p:menuitem value="Usuário"/&gt;  
                        &lt;/p:submenu&gt;  
                        &lt;p:submenu label="Financeiro"&gt;  
                            &lt;p:menuitem value="Baixa de Contas"/&gt;  
                            &lt;p:menuitem value="Consulta de Contas"/&gt;  
                        &lt;/p:submenu&gt;  
                        &lt;p:submenu label="Faturamento"&gt;  
                            &lt;p:menuitem value="Faturamento de Saída"/&gt;  
                        &lt;/p:submenu&gt;  
                        &lt;p:submenu label="Manutenção"&gt;  
                            &lt;p:menuitem value="Permissões de Usuários"/&gt;  
                            &lt;p:menuitem value="Exclusão de Usuários"/&gt;  
                            &lt;p:menuitem value="Exclusão de Clientes"/&gt;  
                            &lt;p:menuitem value="Informações"/&gt;  
                        &lt;/p:submenu&gt;  
                        &lt;p:submenu label="Sair"/&gt;  
                    &lt;/p:menubar&gt;  
                &lt;/h:form&gt;  
            &lt;/p:panel&gt;  
        &lt;/p:layoutUnit&gt; 
        
        &lt;p:layoutUnit position="center" resizable="true"&gt;  
            &lt;ui:insert name="content"&gt;  

            &lt;/ui:insert&gt;  
        &lt;/p:layoutUnit&gt;  

        &lt;p:layoutUnit position="south" resizable="true"&gt;   
            &lt;center&gt;  
                &lt;h:outputLabel value="Spring Security, registrado por"/&gt;  /*No codigo anterior faltava o aspas no final, mas nesse consta hehehe*/
            &lt;/center&gt;  
        &lt;/p:layoutUnit&gt;  
    &lt;/p:layout&gt;  
&lt;/body&gt;
&lt;/html&gt;

Tenta ae !
Espero ter te ajudado.
vlw

Fala alexandergtk.

Eu ja tentei mecher mas não to conseguindo,

Como que eu teria que fazer para que quando eu clicasse em algum menu ele aparecesse por cima do painel central, porque se eu aumento o tamanho do painel, fica muito feio.

Criado 28 de outubro de 2011
Ultima resposta 29 de out. de 2011
Respostas 2
Participantes 2