Bryntum Support Forums

I am having trouble implementing the

align

config, in tandem with the

showBy

function when adding a popup:

        this.timeRangeMenu.showBy({
            target: document.getElementById('toggleTimeRangeMenu'),
            align: {
                t: 100,
                r: 0,
                b: 0,
                l: 1000
            }
        });

is "t,r,b,l" correct?

The align is a string.

It describes the widget's alignment point followed by the target's alignment point. The point is a percentage along an edge.

so align : 't100-b100' means my top right point is aligned to the target's bottom right point

Thanks for the note Animal, this is helpful.

To take this a little further, what is generating this inline style on the popup container?
(snippet from the browser):

That's the positioning of the popup element. The setXY method in widget will do that.

I have updated the docs to look like this:

Thanks