[Solved] - Size of legend in fieldset

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

03 Aug 2016, 14:57

Dear friends, help me, I'm using the layout + Thema Modena, but I think the legend of the very large fieldset, is there any way to reduce it?

Exemple:
https://uploaddeimagens.com.br/imagens/ ... png--16910
Last edited by fredwilliam on 04 Aug 2016, 16:46, edited 1 time in total.

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

03 Aug 2016, 15:52

Please try;

Code: Select all

<style type="text/css">
   .ui-fieldset-toggleable .ui-fieldset-legend {
         padding: 10px 20px !important;
   }
</style>

OR 
please change padding value of .ui-fieldset-legend class in theme.less;
.ui-fieldset-legend{... padding:10px 20px !important; ...} //  instead of padding:13px 20px !important; in line 1185

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

03 Aug 2016, 16:38

I could not, download my code, even putting it changes nothing:

Code: Select all


 <p:dialog id="dialogoaliquotasaida" widgetVar="dialogoAliquotaSaida" header="Cadastro de Alíquotas de Saída" modal="true" showEffect="true">

                <style type="text/css">
                    .ui-fieldset-toggleable .ui-fieldset-legend {
                        padding: 50px 50px !important;
                    }
                </style>

                <p:defaultCommand target="salvaraliquotasaida" scope="dialogoaliquotasaida"/>

                <p:fieldset legend="Geral">
                    <p:panelGrid columns="5" layout="grid" style="border:0px !important; background:none;" styleClass="ui-panelgrid-blank">
                        <p:panelGrid>
                            <p:outputLabel value="Número"/>
                            <br/>
                            <p:inputText value="#{aliquotaSaidaBean.aliquotaSaida.numero}" style="width: 50px"/>
                        </p:panelGrid>
                        <p:panelGrid>
                            <p:outputLabel value="Ativa" />
                            <br/>
                            <p:selectBooleanCheckbox value="#{aliquotaSaidaBean.aliquotaSaida.ativo}" />
                        </p:panelGrid>
                        <p:panelGrid>
                            <p:outputLabel value="Descrição"/>
                            <br/>
                            <p:inputText value="#{aliquotaSaidaBean.aliquotaSaida.descricao}" style="width: 250px"/>
                        </p:panelGrid>
                        <p:panelGrid>
                            <p:outputLabel value="Tipo"/>
                            <br/>
                            <p:selectOneMenu style="text-transform:uppercase;width: 50px;" title="Tipo"  value="#{aliquotaSaidaBean.aliquotaSaida.tipo}" >
                                <f:selectItems value="#{aliquotaSaidaBean.tipoAliquotaEnum()}" var="tipo" itemValue="#{tipo.tipo}" itemLabel="#{tipo.descricao.toUpperCase()}"/>
                            </p:selectOneMenu>
                        </p:panelGrid>
                        <p:panelGrid>
                            <p:outputLabel value="CFOP"/>
                            <br/>
                            <p:selectOneMenu style="text-transform:uppercase;width: 250px;" title="CFOP"  value="#{aliquotaSaidaBean.aliquotaSaida.cfop}" filter="true" filterMatchMode="contains">
                                <f:selectItems value="#{cfopBean.listaTodosSaida()}" var="cfop" itemValue="#{cfop.codigo}" itemLabel="#{cfop.codigoDescricao30}"/>
                            </p:selectOneMenu>
                        </p:panelGrid>
                    </p:panelGrid>
                </p:fieldset>
                <div class="EmptyBox5"/>
                <p:fieldset legend="ICMS">
                    <p:panelGrid columns="5" layout="grid" style="border:0px !important; background:none;" styleClass="ui-panelgrid-blank">
                        <p:outputPanel>
                            <p:outputLabel value="#{aliquotaSaidaBean.tituloOneMenuCstIcms()}"/>
                            <br/>
                            <p:selectOneMenu style="text-transform:uppercase; width: 300px" value="#{aliquotaSaidaBean.aliquotaSaida.cstIcmsSaida}"  >
                                <f:selectItems value="#{aliquotaSaidaBean.cstIcms()}" var="csticms" itemValue="#{csticms.codigo}" itemLabel="#{csticms.descricao.toUpperCase()}"/>
                            </p:selectOneMenu>
                        </p:outputPanel>
                        <p:outputLabel>
                            <p:outputLabel value="Alíquota"/>
                            <br/>
                            <p:inputNumber symbol="%" symbolPosition="s" size="10" maxValue="99.99"  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"  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"  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"  value="#{aliquotaSaidaBean.aliquotaSaida.aliquotaReducaoBcIcmsSt}" />
                        </p:outputLabel>
                    </p:panelGrid>
                </p:fieldset>
                <p:panelGrid columns="2" layout="grid" style="border:0px !important; background:none;" styleClass="ui-panelgrid-blank">
                    <p:fieldset legend="PIS/COFINS" >
                        <p:panelGrid columns="5" layout="grid" style="border:0px !important; background:none;" styleClass="ui-panelgrid-blank">
                            <p:outputPanel>
                                <p:outputLabel value="CST"/>
                                <br/>
                                <p:selectOneMenu style="text-transform:uppercase; width: 100px" 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"  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"  value="#{aliquotaSaidaBean.aliquotaSaida.aliquotaPorUnidadedePis}" />
                            </p:outputLabel>
                        </p:panelGrid>
                    </p:fieldset>
                    <p:fieldset legend="IPI">
                        <p:panelGrid columns="5" layout="grid" 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"  value="#{aliquotaSaidaBean.aliquotaSaida.aliquotaIpi}" />
                            </p:outputLabel>
                        </p:panelGrid>
                    </p:fieldset>
                </p:panelGrid>
                <div class="EmptyBox5" />
                <p:panelGrid columns="1" layout="grid" style="border:0px !important; background:none;" styleClass="ui-panelgrid-blank" class="TexAlCenter">
                    <p:commandButton id="salvaraliquotasaida" class="GreenBack" value="Salvar" action="#{aliquotaSaidaBean.salvar()}" process="dialogoaliquotasaida" update="tabelaaliquotasaida menualiquotasaida" oncomplete="if (!args.validationFailed)PF('dialogoAliquotaSaida').hide()"/>
                </p:panelGrid>
            </p:dialog>


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

04 Aug 2016, 08:48

Sorry for my mistake, please try;

Code: Select all

<style type="text/css">
   .ui-fieldset .ui-fieldset-legend {
         padding: 50px 50px !important;
   }
</style>

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

04 Aug 2016, 16:45

Thank you, it worked perfect.

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

04 Aug 2016, 16:48

Glad to hear, thanks for the update!

Locked

Return to “Modena”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests