asked on March 19, 2024
⋅ March 19, 2024
Hello All,
I am rendering Pivot component at runtime with the help of Custom API function's, but Flexmonster pivot does not take 100% height of div.
<div FxFlexFill id="pivot-container"></div>
this.pivot = new Flexmonster({
container: 'pivot-container',
Height: "100%",
Width: "100%",
........)}
Can someone help me on this?
Thanks,
Nilesh N
⋅ March 20, 2024
Hello, Nilesh!
Thank you for contacting us.
Kindly note that the height of the HTML element can be set in percentages if its direct parent has a defined height. So, we recommend wrapping the <div id='pivot-container'> into the container with a fixed height:
<div style='height: 1000px;'>
<div id="pivot-container"></div>
</div>
Here is the JSFiddle for illustration: https://jsfiddle.net/flexmonster/pLmyo46b/.
Hope you will find our answer helpful.
Kind regards,
Solomiia
⋅ March 27, 2024
Hello, Nilesh!
Hope you are having a great week.
Our team is wondering if you had some time to check our previous response. Could you please let us know if the suggested approach of setting the 100% height for the Flexmosnter pivot was helpful?
Looking forward to hearing your feedback.
Kind regards,
Solomiia
⋅ April 3, 2024
Hello, Nilesh!
Hope you are doing well.
Just checking in to ask if the suggested example of setting the 100% height of the container for Flexmonster component was helpful.
Looking forward to hearing your feedback.
Regards,
Solomiia
⋅ April 4, 2024
Hello Solomiia Andrusiv,
Thanks for your reply, it did worked but not how we want. its should be responsive as per parent control's height.
Thanks,
Nilesh N
⋅ April 4, 2024
Hello, Nilesh!
Thank you for your feedback.
Kindly note that if you are wrapping Flexmonster into a div with a defined height, our component is responsive to the changes in its container height.
If the behavior of our component on your side differs from the one mentioned above, please provide us with more details on the case or a reproducible sample.
Feel free to reach out to us if any other questions arise.
Kind regards,
Solomiia
