Pivot Height after second instance

Answered
Igor Macedo asked on February 13, 2018

The second instance of Pivot created isn't respecting the height param.

  1. open: https://jsfiddle.net/Lshuo9tk/
  2. click on "+ NEW" button twice
  3. check height between "PIVOT 1" and "PIVOT 2"

"PIVOT 2" it's about 70px greater then "PIVOT 1"
Thanks in advance

5 answers

Public
Dmytro Zvazhii Dmytro Zvazhii Flexmonster February 13, 2018

Hello Igor,
Thank you for reporting the issue. We have managed to reproduce it on our side. The necessary fix will be added to the version 2.416 ETA Mar12.
Regards,
Dmytro.

Public
Igor Macedo February 14, 2018

Hi Dmytro,
Thanks for the feedback. Can you see any workaround until there?
Regards

Public
Tanya Gryshko Tanya Gryshko Flexmonster February 14, 2018

Hello, Igor,
Thanks for the quick reply.
The second instance of Pivot and all the following ones are 80px greater than the first one. Until the version 2.416, you can use the following workaround: starting from the second instance, please create Pivots with height 80px less. Check out the modified sample: https://jsfiddle.net/flexmonster/Lshuo9tk/11/.
Does it work for you as a workaround?
Regards,
Tanya

Public
Igor Macedo February 14, 2018

Hi Tanya,
This works for me until next version 🙂
Just for help others users with same problem, this difference occurs just when a pivot is already created.
If you destroy it and create again, you must to consider those 80px again.
Thanks

Public
Dmytro Zvazhii Dmytro Zvazhii Flexmonster March 12, 2018

Hello Igor,
We are glad to inform you that the version 2.416 is already available on our website. You are welcome to update the component. Also, we have prepared an example with tabs - https://jsfiddle.net/flexmonster/t1L42hr0/. One of our best practices is to cover pivot's div with the additional div. Such approach allows the pivot to maintain sizes and successfully redraw itself.
Please let us know if everything works fine for you.
Regards,
Dmytro

Please login or Register to Submit Answer