Dear visitor, despite the COVID-19 outbreak, our team continues operating at full speed.

Also, here is the form where you can apply for a special discount and we will contact you with possible options. Stay safe and continue achieving your business goals.

Fill the form
Get Free Trial
Get Free Trial

Diference between header cell and grid cell height

Resolved
Miguel Maldonado asked on January 3, 2020

Hello.
We found a diference between header cell and grid cell height.

  • Header cell style

element.style {

  1. min-width: 126px;
  2. min-height: 33px; or 34px 
  3. max-width: 250px;
  4. max-height: 150px;

}

  • Grid cell style

element.style {

  1. min-height: 30px;
  2. max-height: 30px;

}
 
That produce a wrong alignment between report header categories and report grid values (attached an example). 
 
Thank you very much for your help.

3 answers

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster January 3, 2020

 Hello, Miguel,
 
Thank you for your question.
 
We would like to kindly inform you that our team did not manage to reproduce the described issue. We recommend checking whether CSS styles connected to the page that contains the component do not overwrite styles from the flexmonster.css file.
 
Also, it would be useful for your investigation to obtain the project where the issue is reproducible or at least CSS files connected to it.
 
Please check out an example we have prepared trying to reproduce the described problem.
 
We hope it helps.
 
Kind regards,
Illia

Public
Miguel Maldonado January 7, 2020

Hi Illia.
 
We found the origin to this problem. Change the font size produce the heights difference.
flexmonster.less
@import “..\flexmonster-base.less”;
@font-family: open_sansregular;
@font-size: 12px; –> 12 Not produce problem, higher yes. We work with 14 size.
@font-size-mobile: 14px;
 
Best regards.
Miguel
 

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster January 9, 2020

Hello, Miguel,
 
Thank you for your feedback.
 
Our team would like to kindly recommend a workaround that can help to handle such behavior. An approach is to overwrite CSS styles in order to set the persistent height of cells. The required CSS selector is specified below:

#fm-pivot-view .fm-grid-layout .fm-filters .fm-header {
    height: 30px;
}

 
Please check out an example we have prepared for you.
 
We hope it helps.
 
Kind regards,
Illia

Please login or Register to Submit Answer