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
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