p-table filter with overlapping inputtext

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
Darnoj
Posts: 15
Joined: 06 Oct 2017, 12:18

14 Feb 2018, 18:56

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

paulswan
Posts: 94
Joined: 27 Apr 2017, 08:19

14 Feb 2018, 22:51

Try this in your input as it worked for me:

Code: Select all

style="width: 95%;"

Darnoj
Posts: 15
Joined: 06 Oct 2017, 12:18

15 Feb 2018, 10:29

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.

Darnoj
Posts: 15
Joined: 06 Oct 2017, 12:18

15 Feb 2018, 10:41

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%;
}

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

20 Feb 2018, 14:52

We fixed for next release.

Post Reply

Return to “Ultima - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests