Can not use an size in all components "ui-g ui-fluid"

[ceechette]

Hi, I use the Verona theme and when I use the class "ui-g ui-fluid" the "size" tag is not respected. I am mounting the wrong code maybe or it is not possible to use specific size with the class "ui-g ui-fluid"? I wait for an answer.
Note: When I put "<p: panelGrid" with "columns" equal to 8, the "size" of the components work, but I only need one or two columns at most.

Thank you so much.

"<div class="ui-g ui-fluid nopad">
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank">
<p:outputLabel value="Código:" />
<p:inputText value="#{gerClidestBean.crudObj.gerClidestPK.cliCod}" size="10"..."

[ceechette]

Any Reply? Please!

[mert.sincan]

Which PrimeFaces version are you using?

[ceechette]

Which PrimeFaces version are you using?

6.1

[mert.sincan]

Please try;

Code: Select all

<style type="text/css">
    .ui-fluid .ui-inputtext[size] {
        width: auto;
    }
</style>

[ceechette]

Please try;

Code: Select all

<style type="text/css">
    .ui-fluid .ui-inputtext[size] {
        width: auto;
    }
</style>

Nice, it worked. Thank you!

[mert.sincan]

Glad to hear, I'll add this fix to 6.1.x and 6.2 versions.

[ceechette]

Glad to hear, I'll add this fix to 6.1.x and 6.2 versions.

if possible perform the fix for all components, an example is for the "p: calendar", I had to change the css to:

Code: Select all

.ui-fluid .ui-inputfield[size] {
    width: auto;
}

[mert.sincan]

Of course I'll add it.