Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
85
rowEditingTemplate window size
posted

I'm using this JavaScript code to size my rowEditingTemplate window:

function onTemplateOpened(grid, args) {         
var container = grid.get_behaviors().get_editingCore().get_behaviors().get_rowEditingTemplate().get_dropDownBehavior().get_targetContainer();
                container.style.marginLeft = "5px";
                container.style.marginTop = "5px";
                container.style.left = "600px";
                container.style.top = "100px";

}

<RowEditingClientEvents TemplateClosed="onTemplateClosed" TemplateOpened="onTemplateOpened" />

The sizing is not working, can you let me know what I'm doing wrong?

Thanks, Pat

  • 620
    Offline posted

    Hello Pat,

    Thank you for posting in our community.

    What I can suggest in order to change the size of the rowEditingTemplate is to try setting the width and height properties. For example:

    function onTemplateOpened(grid, args) {        
    	var container = grid.get_behaviors().get_editingCore().get_behaviors().get_rowEditingTemplate().get_dropDownBehavior().get_targetContainer();
    	container.style.width = "600px";
    	container.style.height = "100px";
    }
    

    I have attached а sample for your reference. Let me know if that solves your issue.

    6470.Sample.zip