Smaller content window on window reopening

[Michele]

Hello,
i've got some problems with kendo window: i've got a window opened by grid context menu. if i open the window, close and reopen the content of the window is shown smaller than the first time.

i'm using  the 1.9.1 version of jquery and the 2013.2.716 version of kendo min.

why this happens?

thanks a lot
Paolo

[Iliana Dyankova]

Hi Paolo,

I am afraid the provided information is not sufficient enough in order to determine the exact reason for the issue. Is it possible to provide a simplified runnable example which demonstrates your current implementation and which I can test locally? This way I would be able to check what exactly is going wrong and provide concrete recommendations. Also, do you observe the issue in all major browsers? Thank you in advance for your time and cooperation.
 

Regards,
Iliana Nikolova
Telerik

[Michele]

Hello ,
I've posted a ticket right now....
the id is 732653

Thanks!

[Brian]

I am seeing the same behavior (running JS 1.9 and Bootstrap).   On subsequent usages of the same Window, the window is roughly 70% smaller than the first time.   What was the resolution to the ticket?

R

[Brian]

After much research and experimentation - the approach below worked for me.  Including it here for others' reference.  In short, it uses the MVC wrapper version of the Kendo window, passes an ID to an MVC Controller method which returns a PartialView (to be displayed in the modal Kendo window).  There seemed to be many "solutions" posted here and there, but quite a lot of them either didn't meet the use case I needed, or threw JavaScript exceptions.


@(Html.Kendo().Window()
    .Name("viewLog")
    .Title("Title")
    .Draggable(true)
    .Visible(false)
    .Width(1000)
    .Height(520)
    .Modal(true)
)
    <script type="text/x-kendo-template" id="logTemplate">
        <div id="viewLog-container">
      
        </div>
    </script>

    <script type="text/javascript">       
        var logPopupTmpl = kendo.template($("#logTemplate").html());
        var alWindowObject;       

function ViewLog(e) {
            var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
            var compId = dataItem.Id;
          
            alWindowObject.refresh({
                url: "/Component/ViewLog/" + compId
            });
            alWindowObject.open().center();
                       
            return false;
        }

        $(document).ready(function() {         
                     alWindowObject = $("#viewLog").data("kendoWindow");       
     }); /* end (document).ready */
   
    </script> 

[Gav]

I'm stuck using Kendo UI v2016.3.1118 and this still happens. I found the parent element to my window has a transform: scale(0.7), so after I call open() and maximize(), I just remove the transform and it works now:

        window
            .open()
            .maximize();

        $("#window")
            .parent(".k-widget.k-window")
            .css("transform", "none");