6

Saudação para todos, sou novo como programador Java, e estou tendo dificuldade de configurar algumas coisas na tabela por falta de experiência, observe a imagem;

inserir a descrição da imagem aqui

Como vocês podem ver o campo Ano de fabrica está mau colocado, ele está assim;

Ano de
Fabrica

E na verdade deveria está assim;

Ano de Fabrica

Essa é minha pagina XHTML

        <div class="left-sidebar">
            <p:panelGrid columns="2" id="painel1"
                style="width: 50%; margin-top: 20px" columnClasses="rotulo, campo">

                <p:outputLabel value="Tipo" for="tipo" />
                <p:selectOneMenu id="tipo">
                    <f:selectItem itemLabel="Selecione o tipo" />
                </p:selectOneMenu>

            <p:outputLabel value="Marca" for="marca" />
                <p:selectOneMenu id="marca">
                    <f:selectItem itemLabel="Selecione a marca" />
                </p:selectOneMenu>

            <p:outputLabel value="Modelo" for="modelo" />
                <p:selectOneMenu id="modelo">
                    <f:selectItem itemLabel="Selecione o modelo" />
                </p:selectOneMenu>

                <p:outputLabel value="Preço" for="preco" />
                <p:inputText id="preco" size="20" maxlength="20" />

                <p:outputLabel value="Tamanho" for="tamanho" />
                <p:inputText id="tamanho" size="20" maxlength="20" />

                <p:outputLabel value="Tripulação" for="tripulacao" />
                <p:inputText id="tripulacao" size="20" maxlength="20" />


                <p:outputLabel value="Ano de Fabrica" for="anofabrica" />
                <p:inputText id="anofabrica" size="20" maxlength="20" />

            </p:panelGrid>

        </div>

Como faço para fazer as alterações?

2 Respostas 2

1

Tente o seguinte, recomento sempre usar <p:row> e <p:column> no <p:panelGrid>, caso queira alterar o tamanho da coluna dos Labels mude o width no primeiro <p:column>. Segue o código:

 <p:panelGrid id="painel1"
                 style="width: 50%; margin-top: 20px">

        <p:row>
            <p:column style="width: 90px;">
                <p:outputLabel value="Tipo" for="tipo" />
            </p:column>
            <p:column>
                <p:selectOneMenu id="tipo">
                    <f:selectItem itemLabel="Selecione o tipo" />
                </p:selectOneMenu>
            </p:column>
        </p:row>

        <p:row>
            <p:column>
                <p:outputLabel value="Marca" for="marca" />
            </p:column>
            <p:column>
                <p:selectOneMenu id="marca">
                    <f:selectItem itemLabel="Selecione a marca" />
                </p:selectOneMenu>
            </p:column>
        </p:row>

        <p:row>
            <p:column>
                <p:outputLabel value="Modelo" for="modelo" />
            </p:column>
            <p:column>
                <p:selectOneMenu id="modelo">
                    <f:selectItem itemLabel="Selecione o modelo" />
                </p:selectOneMenu>
            </p:column>
        </p:row>

        <p:row>
            <p:column>
                <p:outputLabel value="Preço" for="preco" />
            </p:column>
            <p:column>
                <p:inputText id="preco" size="20" maxlength="20" />
            </p:column>
        </p:row>

        <p:row>
            <p:column>
                <p:outputLabel value="Tamanho" for="tamanho" />
            </p:column>
            <p:column>
                <p:inputText id="tamanho" size="20" maxlength="20" />
            </p:column>
        </p:row>

        <p:row>
            <p:column>
                <p:outputLabel value="Tripulação" for="tripulacao" />
            </p:column>
            <p:column>
                <p:inputText id="tripulacao" size="20" maxlength="20" />
            </p:column>
        </p:row>
        <p:row>
            <p:column>
                <p:outputLabel value="Ano de Fabrica" for="anofabrica" />

            </p:column>
            <p:column>
                <p:inputText id="anofabrica" size="20" maxlength="20" />
            </p:column>
        </p:row>
    </p:panelGrid>
8
  • foi interessante saber essa informação, mas ainda continua com o mesmo problema.
    – user10264
    Commented 22/07/2015 às 14:17
  • no meu funcionou, mas sem columnClasses="rotulo, campo", tente tirar no seu.
    – Rafael
    Commented 22/07/2015 às 14:22
  • tudo bem, quem bom que funcionou no seu, mas no meu não funcionou, já tentei dá um clear, já reiniciei o servidor tomcat e nada.
    – user10264
    Commented 22/07/2015 às 16:08
  • qual sua versão do primefaces?
    – Rafael
    Commented 22/07/2015 às 17:39
  • A versão de é primefaces 3.5
    – user10264
    Commented 22/07/2015 às 19:42
0

Você pode configurar a classe CSS que vc criou:

.rotulo { width: 250px; text-align: right }
2
  • Ainda não resolveu, a palavra Ano de Fabrica está coloca na mesma posição.
    – user10264
    Commented 22/07/2015 às 10:51
  • Eu coloquei width: 3050px; text-align: right; e não foi movida nada
    – user10264
    Commented 22/07/2015 às 10:55

Você deve fazer log-in para responder a esta pergunta.