Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #101216
    edwardsmarkf
    Member

     
    https://www.htmlelements.com/demos/window/basic/
    hi – please try closing the window and then “zooming” in chrome between 90% and 100% – the closed window keeps moving.
    side-question:  is it possible to be able to reposition the closed window?
    this windows widget is fantastic.  thank you so much for providing it.

    #101217
    Hristofor
    Member

    Hi edwardsmarkf,
    The window is moving because it is positioned via CSS to always be in the center of the page. When you are zooming on/out you are changing the size of the page thus the window is also repositioning to be in the center. If the Smart.Window hasn’t been resized or dragged ( static window ) it’s size and position can be set via CSS. If it has been manipulated then via inline Javascript. By default Smart.Window component is positioned to be in the center via the following CSS styles:

    
     top: calc(50% - var(--smart-window-default-height)/ 2);
     left: calc(50% - var(--smart-window-default-width)/ 2);
     width: var(--smart-window-default-width);
     height: var(--smart-window-default-height);
    

    The following CSS variables: --smart-window-default-width and --smart-window-default-height are used to set the default width and height of the Smart.Window component.
    Best Regards,
    Christopher
    Smart HTML Elements Team
    https://www.htmlelements.com

    #101220
    edwardsmarkf
    Member

    thank you very much – is it possible to move the CLOSED window?

    #101223
    edwardsmarkf
    Member

    sorry i meant is it possible to click-DRAG a minimized window?

    #101226
    edwardsmarkf
    Member

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

    #101229
    admin
    Keymaster

    It is not possible to drag a minimized window by design.
    Best regards,
    Peter Stoev
    Smart UI Team
    https://www.htmlelements.com/

    #101235
    edwardsmarkf
    Member

    solution – https://codepen.io/edwardsmarkf/pen/abmppNK?editors=1111

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.