Attaching the event listener function to window's resize event Var h = ĭocument.getElementById('result').innerHTML = 'Width: ' + w + ', ' + 'Height: ' + h Try it.// Get width and height of the window excluding scrollbars This seems to happen when I add the style='width: 500px ' for the first div.Ģ) The initial height is wrong: too small.ģ) After that, if we resize manually, it seems to work ok where no scrollbars are visible, but if they appear the 16px padding is not enough and the windows becomes narrower on each subsequent click.Ĥ) I tried calling toSize() instead, but it does not produce a good result as the RadWindow is initially too narrow, it sometime moves around in the screen and it always leaves a big blank space in the bottom of the RadWindow. ġ) The initial positioning is wrong (Top=100 is not respected). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non feugiat sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin fermentum nulla tellus, sed sodales lacus. Maecenas ante eros, varius vel euismod ac, condimentum nec purus. In feugiat viverra nulla a porta. Etiam bibendum blandit purus sagittis dignissim. Integer eleifend porta imperdiet. Curabitur vehicula lobortis lorem, et placerat erat venenatis at. Aenean sit amet mauris a elit sagittis ultrices ut eget nisl. In in quam erat. Sed porta molestie ultricies. Pellentesque pulvinar risus eget nisi suscipit in porttitor nulla semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non feugiat sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. offsetHeight + 50 // 50 is an arbitrary fudge factor to compensate for borders and title bar.

offsetWidth + 16 // 16 is a magic number to cope for the borders of the RadWindow. Protected void Page_Load(object sender, EventArgs e)Ĭontrol ctrl = LoadControl ('WebUserControl2.ascx')

Javascript window resize