asked on January 3, 2020
Hello.
We found a diference between header cell and grid cell height.
element.style {
}
element.style {
}
That produce a wrong alignment between report header categories and report grid values (attached an example).
Thank you very much for your help.
⋅ 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
⋅ 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
⋅ 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