reposition initial window

[edwardsmarkf]

hello –   this is probably obvious but i am missing it.
what is the best way to specify where a window will INITIALLY open?   i have had success using css & top/left, but before i pursue this any further i wanted to see if the htmlElements wizards had a much better way.
thank you.

[Hristofor]

Hi edwardsmarkf,
By default the Smart.Window component is positioned via CSS using the top/left CSS properties. However if the Window has been resized/dragged you will have to set the top/left inline in order to take precedence. So initially it is correct to style it via CSS top/left properties.
Best Regards,
Christopher
Smart HTML Elements Team
https://www.htmlelements.com

[edwardsmarkf]

thanks,   but when i try to set the top/left properties and open MINIMIZED, it seems to override whatever top/left properties i set.
also, when using the ‘minimize’ event, that event triggers before the minimize takes place, and overrides it there as well.  i could possibly have some sort of timeout event, but i wanted to ask here first to see if there is a better way?

[edwardsmarkf]

this works, sort of:

window.onload = () => {
const smartWindow = document.querySelector('smart-window');
smartWindow.headerButtons = ['collapse', 'minimize', 'pin'];
smartWindow.addEventListener('minimize', (event) => {
setTimeout( () => {
document.querySelector('smart-window').style.left = '300px' ;
}, 100);
});
};

[edwardsmarkf]

reposting question here:  https://www.htmlelements.com/forums/topic/locating-minimized-window/

[edwardsmarkf]

could you please show me a working example of setting top/left?

[edwardsmarkf]

https://codepen.io/edwardsmarkf/pen/abmppNK?editors=1111   — getting closer….  😁

[Hristofor]

Hi edwardsmarkf,
Changing the position of the Smart.Window while minimized is not possible via the API of the element at the moment. The default position of the window when minimized is the bottom left corner of the viewport. Every other minimized window will be positioned right next to it. The minimize event should not be used to change the position of the minimized window.
Best Regards,
Christopher
Smart HTML Elements Team
https://www.htmlelements.com
Tags:
web components, web component, custom element, smart elements, smart framework

[Author]

Posts