[Solved] - Size onemenu this not getting fixed

Locked
fredwilliam
Posts: 16
Joined: 13 Dec 2015, 09:28

11 Aug 2016, 19:16

I have a dialog that has a tabview in each tab have several onemenu, I have the size setted onemenu by style = "width: 100px;" the dialog opens the onemenu this in the defined size, more when I go in another tab the back it takes the text size of the first item f: selectItems.
Does anyone know how to limit this?

when you open the dialog
Image

when I come back from another tab
Image

Code: Select all

            <p:dialog id="dialogoproduto" widgetVar="dialogoProduto" header="Cadastro Produto" modal="true" showEffect="true">

                <p:defaultCommand target="salvarprodutosemfechar" scope="dialogoproduto"/>

                <p:tabView>

                    <p:tab title="Geral">
                        <p:focus for="codigo"  />
                        <p:panelGrid columns="4" style="border:0px !important; background:none;" styleClass="ui-panelgrid-blank">

                            <p:outputPanel>
                                <p:outputLabel value="Código"/>
                                <br/>
                                <p:inputText id="codigo" value="#{produtoBean.produto.codigo}" style="width: 200px;text-transform:uppercase;"/>
                            </p:outputPanel>

                            <p:outputPanel class="TexAlCenter">
                                <p:outputLabel value="Ativo" />
                                <br/>
                                <p:selectBooleanCheckbox value="#{produtoBean.produto.ativo}" />
                            </p:outputPanel>

                            <p:outputPanel>
                                <p:outputLabel value="Descrição Completa"/>
                                <br/>
                                <p:inputText value="#{produtoBean.produto.descricaoCompleta}" style="width: 250px;text-transform:uppercase;"/>
                            </p:outputPanel>

                            <p:outputPanel>
                                <p:outputLabel value="Descrição Resumida"/>
                                <br/>
                                <p:inputText value="#{produtoBean.produto.descricaoResumida}" style="width: 250px;text-transform:uppercase;"/>
                            </p:outputPanel>

                        </p:panelGrid>
                        <p:panelGrid columns="5"  style="border:0px !important; background:none;" styleClass="ui-panelgrid-blank">

                            <p:outputPanel >
                                <p:outputLabel value="Unidade de medida"/>
                                <br/>
                                <p:selectOneMenu style="text-transform:uppercase;width: 100px;" title="Unidade de medida"  value="#{produtoBean.produto.unidadeDeMedidaSaida}" >
                                    <f:selectItems value="#{unidadeMedidaSaidaBean.todas}" var="unidade" itemValue="#{unidade.sigla}" itemLabel="#{unidade.descricao}"/>
                                </p:selectOneMenu>
                            </p:outputPanel>

                            <p:outputPanel >
                                <p:outputLabel value="Grupo"/>
                                <br/>
                                <p:selectOneMenu style="text-transform:uppercase;width: 100px;" title="Grupo"  value="#{produtoBean.produto.grupo}" >
                                    <f:selectItems value="#{grupoBean.todos}" var="grupo" itemValue="#{grupo}" itemLabel="#{grupo.descricao}"/>
                                </p:selectOneMenu>
                            </p:outputPanel>

                            <p:outputPanel >
                                <p:outputLabel value="Departamento"/>
                                <br/>
                                <p:selectOneMenu style="text-transform:uppercase;width: 100px;" title="Departamento"  value="#{produtoBean.produto.departamento}" >
                                    <f:selectItems value="#{departamentoBean.todos}" var="departamento" itemValue="#{departamento}" itemLabel="#{departamento.descricao}"/>
                                </p:selectOneMenu>
                            </p:outputPanel>

                            <p:outputPanel >
                                <p:outputLabel value="Seção"/>
                                <br/>
                                <p:selectOneMenu style="text-transform:uppercase;width: 100px;" title="Seção"  value="#{produtoBean.produto.secao}" >
                                    <f:selectItems value="#{secaoBean.todas}" var="secao" itemValue="#{secao}" itemLabel="#{secao.descricao}"/>
                                </p:selectOneMenu>
                            </p:outputPanel>

                            <p:outputPanel >
                                <p:outputLabel value="Família"/>
                                <br/>
                                <p:selectOneMenu style="text-transform:uppercase;width: 100px;" title="Família"  value="#{produtoBean.produto.familia}" >
                                    <f:selectItems value="#{familiaBean.todas}" var="familia" itemValue="#{familia}" itemLabel="#{familia.descricao}"/>
                                </p:selectOneMenu>
                            </p:outputPanel>

                        </p:panelGrid>

                    </p:tab>

                    <p:tab title="Valor">
                        <p:focus for="compra"  />
                        <p:panelGrid columns="3"  style="border:0px !important; background:none;" styleClass="ui-panelgrid-blank">

                            <p:outputPanel>
                                <p:outputLabel value="Preço de Compra"/>
                                <br/>
                                <p:inputNumber symbol="R$ " symbolPosition="p" emptyValue="sign"  id="compra" value="#{produtoBean.produto.precoCompra}" style="width: 200px;text-transform:uppercase;"/>
                            </p:outputPanel>

                            <p:outputPanel>
                                <p:outputLabel value="Markup"/>
                                <br/>
                                <p:inputNumber symbol=" %" symbolPosition="s" emptyValue="sign" value="#{produtoBean.produto.margemLucro}" style="width: 200px;text-transform:uppercase;"/>
                            </p:outputPanel>

                            <p:outputPanel>
                                <p:outputLabel value="Preço de Venda"/>
                                <br/>
                                <p:inputNumber symbol="R$ " symbolPosition="p" emptyValue="sign" value="#{produtoBean.produto.precoVenda}" style="width: 200px;text-transform:uppercase;"/>
                            </p:outputPanel>

                            <p:outputPanel>
                                <p:outputLabel value="Preço de Venda 2"/>
                                <br/>
                                <p:inputNumber symbol="R$ " symbolPosition="p" emptyValue="sign" value="#{produtoBean.produto.precoVenda2}" style="width: 200px;text-transform:uppercase;"/>
                            </p:outputPanel>

                            <p:outputPanel>
                                <p:outputLabel value="Preço de Venda 3"/>
                                <br/>
                                <p:inputNumber symbol="R$ " symbolPosition="p" emptyValue="sign" value="#{produtoBean.produto.precoVenda3}" style="width: 200px;text-transform:uppercase;"/>
                            </p:outputPanel>

                            <p:outputPanel>
                                <p:outputLabel value="Preço de Venda 4"/>
                                <br/>
                                <p:inputNumber symbol="R$ " symbolPosition="p" emptyValue="sign" value="#{produtoBean.produto.precoVenda4}" style="width: 200px;text-transform:uppercase;"/>
                            </p:outputPanel>

                        </p:panelGrid>

                    </p:tab>

                    <p:tab title="Imposto">

                        <p:fieldset legend="ICMS">
                            <p:panelGrid columns="1" style="border:0px !important; background:none;" styleClass="ui-panelgrid-blank">

                                <p:outputPanel>
                                    <p:outputLabel value="Alíquota de Saída"/>
                                    <br/>
                                    <p:selectOneMenu style="text-transform:uppercase;width: 100px;"  value="#{produtoBean.produto.aliquotaSaida}" >
                                        <f:selectItems value="#{aliquotaSaidaBean.todos}" var="aliquotasaida" itemValue="#{aliquotasaida}" itemLabel="#{aliquotasaida.descricao}"/>
                                    </p:selectOneMenu>
                                </p:outputPanel>

                                <p:outputPanel >
                                    <p:outputLabel value="#{aliquotaSaidaBean.tituloOneMenuCstIcms()}"/>
                                    <br/>
                                    <p:selectOneMenu  style="text-transform:uppercase;width: 100px;" value="#{aliquotaSaidaBean.aliquotaSaida.cstIcmsSaida}"  >
                                        <f:selectItems value="#{aliquotaSaidaBean.cstIcms()}" var="csticms" itemValue="#{csticms.codigo}" itemLabel="#{csticms.descricao}"/>
                                    </p:selectOneMenu>
                                </p:outputPanel>
                                <p:outputLabel>
                                    <p:outputLabel value="Alíquota"/>
                                    <br/>
                                    <p:inputNumber symbol="%" symbolPosition="s" size="10" maxValue="99.99" emptyValue="sign" value="#{aliquotaSaidaBean.aliquotaSaida.aliquotaSaidaIcms}" />
                                </p:outputLabel>
                                <p:outputLabel>
                                    <p:outputLabel value="Alíq.Dif."/>
                                    <br/>
                                    <p:inputNumber symbol="%" symbolPosition="s" size="10" maxValue="99.99" emptyValue="sign" value="#{aliquotaSaidaBean.aliquotaSaida.aliquotaDiferimentoIcms}" />
                                </p:outputLabel>
                                <p:outputLabel>
                                    <p:outputLabel value="Alíq.Red.BC"/>
                                    <br/>
                                    <p:inputNumber symbol="%" symbolPosition="s" size="10" maxValue="99.99" emptyValue="sign" value="#{aliquotaSaidaBean.aliquotaSaida.aliquotaReducaoBcIcms}" />
                                </p:outputLabel>
                                <p:outputLabel>
                                    <p:outputLabel value="Alíq.Red.BC ST"/>
                                    <br/>
                                    <p:inputNumber symbol="%" symbolPosition="s" size="10" maxValue="99.99" emptyValue="sign" value="#{aliquotaSaidaBean.aliquotaSaida.aliquotaReducaoBcIcmsSt}" />
                                </p:outputLabel>
                                <p:outputLabel>
                                    <p:outputLabel value="MVA"/>
                                    <br/>
                                    <p:inputNumber symbol="%" symbolPosition="s" size="10" maxValue="99.99" emptyValue="sign" value="#{aliquotaSaidaBean.aliquotaSaida.mvaIcms}" />
                                </p:outputLabel>
                            </p:panelGrid>
                        </p:fieldset>

                        <div class="EmptyBox5"/>

                        

                            <p:fieldset legend="PIS/COFINS" >
                                <p:panelGrid columns="5" style="border:0px !important; background:none;" styleClass="ui-panelgrid-blank">
                                    <p:outputPanel>
                                        <p:outputLabel value="CST"/>
                                        <br/>
                                        <p:selectOneMenu style="text-transform:uppercase; width: 150px" value="#{aliquotaSaidaBean.aliquotaSaida.cstPisCofinsSaida}"  >
                                            <f:selectItems value="#{aliquotaSaidaBean.cstPisCofins()}" var="cstpiscofins" itemValue="#{cstpiscofins.codigo}" itemLabel="#{cstpiscofins.descricao.toUpperCase()}"/>
                                        </p:selectOneMenu>
                                    </p:outputPanel>
                                    <p:outputLabel>
                                        <p:outputLabel value="Alíq. Dif."/>
                                        <br/>
                                        <p:inputNumber symbol="%" symbolPosition="s" size="10" maxValue="99.99" emptyValue="sign" value="#{aliquotaSaidaBean.aliquotaSaida.aliquotaDiferenciadaPis}" />
                                    </p:outputLabel>
                                    <p:outputLabel>
                                        <p:outputLabel value="Alíq. por Unid."/>
                                        <br/>
                                        <p:inputNumber symbol="%" symbolPosition="s" size="10" maxValue="99.99" emptyValue="sign" value="#{aliquotaSaidaBean.aliquotaSaida.aliquotaPorUnidadedePis}" />
                                    </p:outputLabel>
                                </p:panelGrid>
                            </p:fieldset>
                            <p:fieldset legend="IPI">
                                <p:panelGrid columns="5" style="border:0px !important; background:none;" styleClass="ui-panelgrid-blank">
                                    <p:outputPanel>
                                        <p:outputLabel value="CST"/>
                                        <br/>
                                        <p:selectOneMenu style="text-transform:uppercase; width: 150px" value="#{aliquotaSaidaBean.aliquotaSaida.cstIpiSaida}"  >
                                            <f:selectItems value="#{aliquotaSaidaBean.cstIpi()}" var="cstipi" itemValue="#{cstipi.codigo}" itemLabel="#{cstipi.descricao.toUpperCase()}"/>
                                        </p:selectOneMenu>
                                    </p:outputPanel>
                                    <p:outputLabel>
                                        <p:outputLabel value="Alíquota"/>
                                        <br/>
                                        <p:inputNumber symbol="%" symbolPosition="s" size="10" maxValue="99.99" emptyValue="sign" value="#{aliquotaSaidaBean.aliquotaSaida.aliquotaIpi}" />
                                    </p:outputLabel>
                                </p:panelGrid>
                            </p:fieldset>

                    </p:tab>

                </p:tabView>

                <div class="EmptyBox5"/>

                <p:panelGrid columns="1" layout="grid"  style="border:0px !important; background:none;" styleClass="ui-panelgrid-blank" class="TexAlCenter">
                    <p:splitButton id="salvarproduto" value="Salvar e Fechar" action="#{produtoBean.salvar()}" process="dialogoproduto" update="tabelaproduto menuproduto" oncomplete="if (!args.validationFailed)PF('dialogoProduto').hide()" icon="fa fa-save">
                        <p:menuitem id="salvarprodutosemfechar"  value="Salvar"  action="#{produtoBean.salvar()}" process="dialogoproduto" update="tabelaproduto menuproduto" class="BlueBack White" icon="fa fa-save" />
                        <p:menuitem  value="Novo"  action="#{produtoBean.preparaNovoCadastro()}" process="@this" update="dialogoproduto" oncomplete="PF('dialogoProduto').show()" class="GreenBack White" icon="fa fa-plus-square-o">
                            <p:resetInput target="dialogoproduto"/>
                        </p:menuitem>
                        <p:menuitem value="Excluir" action="#{produtoBean.remover()}" process="@this" oncomplete="PF('dialogoProduto').hide()" update="tabelaproduto menuproduto" class="RedBack White" icon="fa fa-trash-o">
                            <p:confirm icon="ui-icon-alert" header="Exclusão!" message="Excluir Produto: #{produtoBean.produtoSelecionado.descricaoCompleta}"/>  
                        </p:menuitem>
                    </p:splitButton>
                </p:panelGrid>

            </p:dialog>

Last edited by fredwilliam on 16 Aug 2016, 17:05, edited 1 time in total.

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

16 Aug 2016, 12:22

Please try autoWidth="false" on selectOneMenu.

fredwilliam
Posts: 16
Joined: 13 Dec 2015, 09:28

16 Aug 2016, 17:06

aragorn wrote:Please try autoWidth="false" on selectOneMenu.

Perfect.

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

22 Aug 2016, 16:07

Glad to hear, thanks!

Locked

Return to “Modena”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests