Customization of Field Selection Modal and Filter Modal Position in Flexmonster

posted on July 24th, 2025

Answered

taehong asked on July 24, 2025

Hello,

I have two questions regarding UI customization in Flexmonster Pivot Table:

Field Selection Modal Layout When clicking on fields, is it possible to customize the modal window to display "Report", "Columns", "Rows", and "Values" in a single column layout as shown in Image #1? Currently, they appear in separate sections, but I would like to arrange them vertically in one column.
Filter Modal Positioning As shown in Image #2, is it possible to position the filter modal to appear below or beside the corresponding column or row header, instead of the default centered position? I would like the filter popup to be contextually positioned relative to the field being filtered.

Are these customizations technically feasible with Flexmonster? If so, could you please provide guidance on how to implement them?

Thank you for your assistance.

1.
2.

Public

Maksym Diachenko ⋅ Flexmonster ⋅ July 25, 2025

Hello, Taehong!

Thank you for reaching out to us.

Flexmonster does not support reordering the Fields List areas. However, it is possible to position the Fields List on the right as shown on your screenshot using the fieldListPosition option: https://jsfiddle.net/flexmonster/tqk5apu4/
The filter modal in Flexmonster is centered by design to focus the user’s attention. Since only one filter can be open at a time and the modal clearly shows which field is being filtered, there is no need for additional visual cues like positioning. Additionally, showing the filter view below the field header may introduce challenges on smaller screens or when the header is on the edge of the grid, thus lacking space for the filter view.
If this feature is necessary, you can implement it by altering the filter position with JS when the filteropen event is triggered, as is shown in this example: https://jsfiddle.net/flexmonster/8w1yr2qx/

Please let us know if our answer was helpful.

Best Regards,
Maksym