how to get window dailog changed height using onResize()

[raghunath004]

Describe the bug
how to get window dailog changed height using onResize()

[olton]

Please clarify your question. Which component are you interested in window or dialog?

[raghunath004]

Please clarify your question. Which component are you interested in window or dialog?

Window sir

[raghunath004]

i want to create window with header footer and canvas sir. while resize the window height i want only resize the canvas sir.
is it any possible to set maximum height of window sir?

[olton]

<div data-role="window" data-on-resize="onResize">
    This is a window content
</div>

<script>
    function onResize(size) {
        console.log(size); // size is a object with width and height values
    }
</script>

[raghunath004]

thank you sir.
can i set max height to window sir because it is resizing outside drag area also

[olton]

can i set max height to window sir because it is resizing outside drag area also
You must change attribute data-height (int value)

[olton]

new in 4.4.0

• Window: add API methods pos(top, left), top(v), left(v), width(v), height(v), issue how to get window dailog changed height using onResize() #1590
• Metro.window: add methods pos(top, left), top(v), left(v), width(v), height(v)

[blueandblue]

Hi Olton,
it is possible to know the position, size, id of a window (x, y or top, left) to save the state in a database.
When the window reopens, put it back in the position chosen by the user.
Thank you

[olton]

For predefined window

var pos = Metro.getPlugin("#win1", "window").win.pos();
console.log(pos);

or for Metro.window.create

var win = Metro.window.create({...});
var pos = Metro.getPlugin(win, "window").win.pos();
console.log(pos);

[blueandblue]

in your example "Desktop" there is the function:

---

function createWindow(){
// var index = Metro.utils.random(0, 3); // NOT WORK
var index = 123;
var w = Desktop.createWindow({
resizeable: true,
id: "finestra",
draggable: true,
width: 300,
top: 30,
icon: "",
title: w_titles[index],
content: "

This is desktop demo created with Metro 4 Components Library

"
});

setTimeout(function(){
    w.setContent("New window content");
}, 3000);

}

---

how can i know and save the position (x, y) and window size?
Thank you

[olton]

// var index = Metro.utils.random(0, 3); // NOT WORK
need change to (already fixed in ...don't remember when)

var index = $.random(0, 3); // or m4q.random(...) if jQuery is used

For position - store returned value from Desktop.createWindow(...) to global variable - this is a HTMLElement as m4q object with role window, and use it in

var pos = Metro.getPlugin(your_global_war, "window").win.pos();
console.log(pos);

[blueandblue]

good morning, thanks for the answers.
Could you help me by giving me a small example.
Thank you