Bug in JqxDockingLayout calculating the size of the rest of items

[qadramParticipant]

When a tabbedGroup gets converted to a layoutGroup, and then, all items are closed, the width of the remaining items is not calculated properly:

[HristoParticipant]

Hello qadram,

This is normal behavior.
You have a fixed size for different layouts the mentioned zone does not have another layout after you close ‘Solution Explorer’ and ‘Properties’.
It is possible to set another layout thereafter that which means it is not blocked.
If you want the remainder content to take this space then you could change their width and refresh the jqxDockingLayout.

Also, I would like to suggest you look at this example.
This is our product, too.
If this behavior is suitable for you then you could use it.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[qadramParticipant]

Hello,
Thanks for your answer. Please, check this other one, this is from the demo you have on your demo page, for the fluid size for JQXDockingLayout. That is, the widths are set in %, not fixed. I’m fine with a solution in which I can change the width and refresh the jqxDockingLayout, but please, could you elaborate? What event should I listen to, so I can perform such calculation? How to refresh the items with the new widths? Thanks a lot!!

[HristoParticipant]

Hello qadram,

It is percentages but it take specific space from the parent.
For example first column takes 60% second 40% and when closing all layouts in the second column the first one still take the 60% from the whole.
It is created on that way by design.

I would like to suggest you another our component as I mentioned before.
Please, take a look at this example.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[qadramParticipant]

Hello,
Thanks for your answer, but I don’t contemplate switch to another component at this moment, I have a lot of code depending on that one.

And sorry to disagree, please, check this another screencast, because if I don’t convert the two tabs (Solution Explorer and Properties) to a layout group, when I close them, the first column it takes the 100% of space, as it should.

The expected behavior is that when a column or layout group has no children, it should be deleted, that works that way not only on the new components you are mentioning, but on any IDE-like interface.

[qadramParticipant]

Hello,
I have also been checking your other components, and I cannot find where you provide React support. I mean, if you want to use the components from React, you have to define the React binding yourself…, is that true?

Regards

[HristoParticipant]

Hello qadram,

I am not sure which library do you mean.
The jQWidgets has support for the React.
About the Smart HTML Elements, we prepare such examples.
Soon we will provide demos with React as with Angular we have already.
Meanwhile, I will discuss this case with my colleagues.
Thank you for your understanding.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts