Page 1 of 1

p-table filter with overlapping inputtext

Posted: 14 Feb 2018, 18:56
by Darnoj
Hi

There is a major issue with the new p-table filters containing pInputtext. At a certain number of columns, the input overlaps to the next column.

To reproduce the problem just take the demo, duplicate all the columns, add a second header line containing simple pInputText doing nothing.
The input should be width: 100% but it seems to have a fixed width provoking this issue.

A quick fix waiting for the next release would be very appreciated !

Cheers

Re: p-table filter with overlapping inputtext

Posted: 14 Feb 2018, 22:51
by paulswan
Try this in your input as it worked for me:

Code: Select all

style="width: 95%;"

Re: p-table filter with overlapping inputtext

Posted: 15 Feb 2018, 10:29
by Darnoj
Thank you.
Actually it is possible to fix this adding width: 100% on each input but I'm looking for a more global fix like overriding a UltimaNG style in our custom layout.css.
I'll post here if I manage to find a good solution.

Re: p-table filter with overlapping inputtext

Posted: 15 Feb 2018, 10:41
by Darnoj
This did the trick for us in our custom layout.css :

// P-TABLE
// XXX: Fix for UltimaNG 5.2.0 => inputtext overlapping columns
// TODO: Remove when fixed on next UltimaNG's release
.ui-table-thead tr .ui-inputtext {
width: 100%;
}

Re: p-table filter with overlapping inputtext

Posted: 20 Feb 2018, 14:52
by merve7
We fixed for next release.