How To Set Different Width To The Boxes Based On Some Logic

[nyordanov]

I want to set the width of the boxes based on some conditions. I have successfully rendered different HTML based on conditions but if I set the width of the boxes in the template it is not considered.

If I set it in the boxRendered event the boxes overlap each other.

So, the questions is how to have some larger boxes without overlaps?

[antonkhrit (Anton Khritonenkov)]

Hi,

Thank you for your question.

You can set it in onBoxRendered and call renderer.fixConnectionLines() at the end. It should recalculate positions of boxes.

Please, let me know about the results.

[antonkhrit (Anton Khritonenkov)]

Note: This is only available in the last version for SharePoint 2013. This method is in earlier versions, but it is not public. You can call internal method from JS.

Note, the new version is a new major version and it has some changes in JS API. You need to remove old web part and place the new one.

[nyordanov]

Thank you very much.

[nyordanov]

How should I get a reference to the renderer object?

[antonkhrit (Anton Khritonenkov)]

Hi,

Please see this my reply:

How to call fixConnectionLines using boxRenderer?

Hi, The new version provides renderer object which contains most of the functions. For example to subscribe for boxRendered event you need to put following code inside JavaScript Editor. renderer.onBoxRendered(function(event, box, itemData){ //Box rendered event }); You can call renderer.fixConnectionLines at any location inside JavaScript editor.