Rendering problems with complex custom Flow Classification Rules

Description

When creating complex classification rules, for instance, having multiple IPs or ranges for the source and destination address fields, as well as port lists, the content overflows each cell of the table, making it unreadable, as shown on the attached screenshots.

I include a simple CSV you can import to experience the problem.

There are multiple ways to fix this; one potential solution could creating a special Angular Filter to use commas to split the large string into a multiline text to make the content human-readable while keeping the layout consistent without overflow. For instance, similar to how the Requisitions UI displays multiple IPs on a node, or various services on an interface, or various parameters on a detector or policy.

Acceptance / Success Criteria

None

Attachments

6
  • 23 Jul 2020, 08:53 PM
  • 23 Jul 2020, 08:43 PM
  • 23 Jul 2020, 06:30 PM
  • 10 Jul 2020, 12:45 PM
  • 10 Jul 2020, 12:45 PM
  • 10 Jul 2020, 12:45 PM

Lucidchart Diagrams

Activity

Show:

Benjamin Reed July 30, 2020 at 1:50 PM

Merged to foundation-2019

Alejandro Galue July 24, 2020 at 7:07 PM

I just tried it and works great, thank you.

Benjamin Reed July 23, 2020 at 8:54 PM

Yup, seems like they do:

Sean Torres July 23, 2020 at 8:51 PM

If ranges are placed in the ports listing, does the format still look ok?

Benjamin Reed July 23, 2020 at 8:44 PM
Edited

Alright, fixed that. I gave it a title= attribute so you still get the full contents in a mouseover.

Fixed

Details

Assignee

Reporter

HB Backlog Status

Sprint

Affects versions

Priority

PagerDuty

Created July 10, 2020 at 12:45 PM
Updated July 30, 2020 at 1:50 PM
Resolved July 30, 2020 at 1:50 PM