This is a migrated thread and some comments may be shown as answers.

Window not opening properly

6 Answers 245 Views
Window
This is a migrated thread and some comments may be shown as answers.
Sanket
Top achievements
Rank 1
Sanket asked on 04 Apr 2013, 04:29 AM
   Hi, 
I was trying to open the following window on the button click using " $("#window").data("kendoWindow").open();" but the window opens with a extremely small  width and height i tried to specify height and width to window but to no vail. 
Have specified the following window inside a Form tag 
@(Html.Kendo().Window()
    .Name("window")
    .Title("PersonSearch")
                .Content(
                                          Html.Partial("_PersonSearch", new PersonSearchModel()).ToHtmlString()
                        )
    .Draggable()
    .Resizable()
    .Width(980)
            //.Height(350)
    .Visible(false)
    .Modal(true)
    .Events(ev => ev.Open("onOpen"))
)

_personsearch is the partial view that i load in the window it gets loaded properly

6 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 04 Apr 2013, 09:18 AM
Hi Sanket,

The provided code snippet looks OK and works as expected on my side. Can you please provide a runnable demo?

On a side note, we recently made some fixes related to MIN and MAX dimensions of the Window widget. Eventhough they may not be related, you can test with the next internal build, which will be uploaded next week and let me know if the problem persists.

Greetings,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Sanket
Top achievements
Rank 1
answered on 04 Apr 2013, 09:31 AM
Hey Dimo,
       The problem was due to transform:scale(0.01). Which was set as a style property for div containing class(.k-window k-widget ) setting the property for all divs using jquery  " $('div').css("webkit-transform", "scale(1)");" made it work properly in chrome is this the right approach.
0
Dimo
Telerik team
answered on 04 Apr 2013, 10:49 AM
Hello Sanket,

If you upgrade to the latest version of Kendo UI and jQuery, you should not have this problem. Otherwise the workaround is OK.

Regards,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Markus
Top achievements
Rank 2
answered on 11 Apr 2013, 10:13 AM
Hello,

i have the same problem as Sanket said before. I have upgraded the new KendoUI Major realease and it doesn't work for me.

So, i try to get it work with the workaround but it doesn't.

I have a Div with ID ticketNoticeWindow.

$("#ticketNoticeWindow").data("kendoWindow");

after i open() the window, i try to set the scale. $("#ticketNoticeWindow").css("webkit-transform", "scale(1)");


Regards,

Markus.
0
Dimo
Telerik team
answered on 11 Apr 2013, 10:36 AM
Hello Markus,

Please make sure that you are using a compatible jQuery version. If the problem persists, you can compare your implementation with our demos and send us a simple example, which reproduces the issue.

Regards,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Markus
Top achievements
Rank 2
answered on 11 Apr 2013, 12:10 PM
Hello Dimo,

thanks for your answer. It works also for me now! Thanks.

Update KendoUI and JQuery was the solution.

Regards,

Markus.
Tags
Window
Asked by
Sanket
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Sanket
Top achievements
Rank 1
Markus
Top achievements
Rank 2
Share this question
or