Get Free Trial

Displaying the 100% of the report, height not working

Answered
Kevin Guerrero asked on May 12, 2021

Hi,
I want my grid to display the 100% of its content dynamically but i’m unable to do it, height property doesn’t work, there is any solution for getting the 100%? And there is any way to show a report grid without any “white spaces” ?
Thanks

3 answers

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster May 12, 2021

Hello, Kevin,
 
Thank you for contacting us.
 
Please note that the height of the HTML element can be set in percents only if its direct parent has a defined height. This rule is applicable for all the elements, not only the component’s container. We suggest wrapping Flexmonster in some block that would have its height defined in some way.
 
Concerning white spaces, the recommended approach depends on the required functionality.
 
In case you want to fit the component’s dimensions so that only non-empty cells are displayed, we suggest checking out the following example: https://jsfiddle.net/flexmonster/2xspuqeb/.
Feel free to ask for clarifications about this specific implementation. We are ready to provide you with a detailed explanation of this approach.
 
If all you need is to display the white background instead of empty cells, use the following CSS rule:

.fm-empty {
border-right: none !important;
border-bottom: none !important;
}

You are welcome to see the JSFiddle for reference: https://jsfiddle.net/flexmonster/dhbLaj9x/.
 
Please let us know if our suggestions work for you.
Looking forward to your reply.
 
Regards,
Illia

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster May 19, 2021

Hello, Kevin,
 
We are wondering if the provided solution works for your case.
 
Looking forward to hearing from you.
 
Kind regards,
Illia

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster May 26, 2021

Hello, Kevin,
 
We are reaching out to ask if you had some time to check out our suggestion.
 
Looking forward to hearing from you.
 
Kind regards,
Illia

Please login or Register to Submit Answer