Charts and Grids are not resizing on their box

Answered
Jean Teran asked on August 7, 2024

Currently when an user is resizing the content box the grids or charts are not resizing at the 100% of the box measures (was configured the height and width with 100% in the flexmonster instance).

Angular version: 17.3.1

Flexmonster version: 2.9.73

3 answers

Public
Solomiia Andrusiv Solomiia Andrusiv Flexmonster August 8, 2024

Hello, Jean!

Thank you for reaching out to us.

Kindly note that it is possible to configure a resizable Flexmonster component in Angular by adding resizable logic to the direct container of the fm-pivot.
Please check out the following code snippets:

Angular HTML component

<div id='pivot-container'>
<fm-pivot #pivot
[height]="'100%'"
[width]="'100%'">
</fm-pivot>
</div>

Styles

#pivot-container {
display: block;
width: 100%;
height: 100%;
resize: both;
overflow: auto;
}

You are welcome to use our sample code as a reference. Please note that your approach may differ depending on the other styles in the project.

Hope you will find our answer helpful.

Kind regards,
Solomiia

Public
Solomiia Andrusiv Solomiia Andrusiv Flexmonster August 20, 2024

Hello, Jean!

Hope you are doing well.

Our team is wondering if you had some time to check the suggested approach to configure a resizable Flexmonster component in Angular. Could you please let us know if it was helpful?

Looking forward to hearing from you.

Kind regards,
Solomiia

Public
Solomiia Andrusiv Solomiia Andrusiv Flexmonster August 27, 2024

Hello, Jean!

Hope everything is well.

Just checking in to ask if the suggested approach was helpful in configuring a resizable Flexmonster component in Angular.

Looking forward to hearing your feedback.

Kind regards,
Solomiia

Please login or Register to Submit Answer