Fitting Control to 100% width and 100% height

[Simon]

Hello

I would like to fit the ImageEditor control to 100% of the available space on the page. However when I set the height to 100% and the width to 100% it makes the control look all funny. What setting do I do to fit the control in 100%.

Regards,
Simon

[Simon]

I have managed to get this code to resize the control nicely.

window.onload = onWindowLoad;
        window.onresize = onWindowResize;

        function onWindowLoad() {

            setTimeout("document.getElementById('imgEditor').style.width = (getWindowWidth() - 10) + 'px';", 500);
            setTimeout("document.getElementById('imgEditor').style.height = (getWindowHeight() - 10) + 'px';", 500);
            setTimeout("document.getElementById('imgEditor_Viewport').style.height = (getWindowHeight() - 80) + 'px';", 500);

        };

        function onWindowResize() {

            document.getElementById("imgEditor").style.width = (getWindowWidth() - 10) + 'px';
            document.getElementById("imgEditor").style.height = (getWindowHeight() - 10) + 'px';
            document.getElementById("imgEditor_Viewport").style.height = (getWindowHeight() - 80) + 'px';

        }

 

[Rumen]

Hi Simon,

Thank you for sharing your code with the community.

I just want to add that we will provide support for Width and Height values in percents for the next Q2 2011 SP1 build of RadImageEditor.

Greetings,
Rumen
the Telerik team