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
[Solved] - Size of legend in fieldset
-
- Posts: 16
- Joined: 13 Dec 2015, 09:28
Last edited by fredwilliam on 04 Aug 2016, 16:46, edited 1 time in total.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
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
Github Profile: https://github.com/mertsincan
-
- Posts: 16
- Joined: 13 Dec 2015, 09:28
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>
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Sorry for my mistake, please try;
Code: Select all
<style type="text/css">
.ui-fieldset .ui-fieldset-legend {
padding: 50px 50px !important;
}
</style>
Github Profile: https://github.com/mertsincan
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Glad to hear, thanks for the update!
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 4 guests