We have updated Flexmonster Software License Agreement, effective as of September 30, 2024. Learn more about what’s changed.

How to resize field list

Answered
Bilguun asked on April 21, 2020

Hello dear Flexmonster team
Can i resize field list dialog, because when i show mobile screen it is cannot fit device screen looks like this image. Is there any customization for this?, 
2. Where i can shoot this issue z-index?

8 answers

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster April 22, 2020

Hello,
 
Thank you for reaching out to us.
 
The size of the Field List can be modified through CSS using the following selector: #fm-fields-view.
Please note that both its width and min-width need to be modified:

#fm-fields-view {
max-width: 450px !important;
min-width: 0px !important;
}

You are welcome to check out an example we have prepared for you.
 
As for the problem with a windows overlay you are facing, our team would like to kindly ask you to provide us with a sample where the issue would be reproducible so we could investigate it on our side.
 
We are looking forward to hearing from you.
 
Kind regards,
Illia

Public
Bilguun April 23, 2020

Thank you Illia for you quick response
Can i re-position of field list items?
Something like that 
first row Calculated, Apply, Cancel buttons
second row all fields container
third row Report filters, Columns, Rows, Values containers
Is it possible? what reason is all fields has thin column so what field have are there cannot readable
Thank you.

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster April 23, 2020

Hello,
 
Thank you for your question.
 
Our team would like to kindly inform you that the only option to change the positioning of the Field List elements is to overwrite their CSS styles.
We want to kindly notice that such an approach may be quite difficult due to the fact that the Field List was not designed to be modified in the future.
 
Even so, the Field List pop-up can be replaced with your custom one. It uses only API provided by the component, therefore, it can be completely recreated in the desired way.
 
You are welcome to check out our API Reference in order to get more information about existing API calls and ways to use them.
 
We hope it helps.
Please let us know in case further questions occur.
 
Kind regards,
Illia

Public
RyanAtPush May 14, 2020

Hi Illia,
I understand that the width can be resized and the height can be hardcoded but can we also make the height resizable too?
Thanks,
Ryan

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster May 15, 2020

Hello, Ryan,
 
Thank you for contacting us.
 
In case the desired functionality is to give the user the possibility to resize the Field List, our team wants to inform you that it is not implemented in the current version of Flexmonster.
 
However, adding such a feature sounds reasonable. We have added an appropriate task to our backlog.
 
Our team will notify you in case something is changed on this point.
 
Kind regards,
Illia

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster December 1, 2020

Hello, Ryan,
 
We are pleased to inform you that now it is possible to resize the Field List vertically to fill the entire height of the grid container.
 
This is available in the 2.8.21 version of Flexmonster: https://www.flexmonster.com/release-notes/.
 
You are welcome to update the component: https://www.flexmonster.com/doc/updating-to-the-latest-version/.
 
Please let us know if everything works.
 
Best Regards,
Illia

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster December 8, 2020

Hello, Ryan,
 
We are wondering whether the recently introduced feature with the Field List resizing works well for you.
 
Our team is looking forward to hearing your feedback.
 
Regards,
Illia

Public
RyanAtPush December 8, 2020

Hi Illia,
Sorry for the delay. I did try updating Flexmonster on my local environment and looks great so far. The Field List is able to resize in the vertical direction too.
Thanks!
Ryan

Please login or Register to Submit Answer