Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › General Discussions › Window › minor issue with window

Tagged: , , , , , , , , , , , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 11, 2020 at 5:00 am #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.

    December 11, 2020 at 7:36 am #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

    December 11, 2020 at 6:50 pm #101220
    edwardsmarkf
    Member

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

    December 11, 2020 at 11:47 pm #101223
    edwardsmarkf
    Member

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

    December 12, 2020 at 4:29 pm #101226
    edwardsmarkf
    Member

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

    December 12, 2020 at 6:13 pm #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/

    December 13, 2020 at 1:04 am #101235
    edwardsmarkf
    Member

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

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