Premium support for our pure JavaScript UI components
I am having trouble implementing the
config, in tandem with the
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):
- Screen Shot 2022-09-20 at 10.29.25 AM.png (79.41 KiB) Viewed 255 times
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:
- Screenshot 2022-09-20 at 16.47.29.png (136.85 KiB) Viewed 253 times