Como centralizar a página no browser usando Visual Web JSF (webuijsf)

4 respostas
Linkel

Estou desenvolvendo meu TCC com o plugin do netbeans 6 que implementa o webuijsf e não estou conseguindo centralizar a página no browser.
Alguém sabe me dizer como fazer isso?
Valeu!

4 Respostas

D

Acredito que isso sirva:
http://plugins.netbeans.org/PluginPortal/faces/PluginDetailPage.jsp?pluginid=3941

Boa sorte

Linkel

Aí, brother… Não sakei o que você quis dizer com esse link… Para quê plugin de templates?
Estou usando o plugin do editor visual para jsf…
Preciso saber como centralizar a página usando esse plugin…

Linkel

Instalei esse plugin que indicou, criei as páginas templates que ele disponibiliza, fucei no código, mas nenhuma delas ficam centralizadas no browser… Não é um plugin de definição de layout, mas de amosta…
Não serviu para mim…
__
Alguém sabe como centralizar no browser uma página feita com Visual Web JSF?
Sei que CSS é a opção mais indicada, mas não sei onde vou chamar o style que criei e como no webuijsf…
Um help aí!

A

Bom se vc vai usar CSS(E é o mais indicado), basta alterar o arquivo stylesheet.css, na pasta resources do seu projeto, para suas nescessidades. Isso se vc estiver usando o Netbeans.
Na sua página ele é chamado assim:

<webuijsf:head id="head1">
                <webuijsf:link id="link1" url="/resources/stylesheet.css"/>
            </webuijsf:head>

Verifique suas paginas e vc vai encontrar este trecho de código lá, ou crie uma nova página e vc vai ver que ele cria isso pra vc.

Se não estiver usando o netbeans, segue um exemplo de pagina:

<jsp:root version="2.1" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:webuijsf="http://www.sun.com/webui/webuijsf">
<jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
<f:view>
    <webuijsf:page id="page1">
        <webuijsf:html id="html1">
            [color=red]<webuijsf:head id="head1">
                <webuijsf:link id="link1" url="/resources/stylesheet.css"/>
            </webuijsf:head>[/color]
            <webuijsf:body id="body1" style="-rave-layout: grid">
                <webuijsf:form id="form1">
                 </webuijsf:form>
            </webuijsf:body>
        </webuijsf:html>
    </webuijsf:page>
</f:view>

</jsp:root>

Mas aí vc terá que criar seus próprios CSS’s, segue dois links para ajudar:

http://www.maujor.com/index.php - Site super recomendado sobre CSS;

http://www.netbeans.org/kb/60/web/fixedpagelayout.html - Artigo no NetBeans.org sobre CSS no netbeans.

Espero ter ajudado!

Criado 27 de novembro de 2008
Ultima resposta 29 de nov. de 2008
Respostas 4
Participantes 3