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

[Solved] Editor in grid popup disabled in firefox 21

4 Answers 101 Views
Editor
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Alden
Top achievements
Rank 1
Alden asked on 21 May 2013, 10:19 PM
I have an editor in a popup form for editing a grid.  In firefox, it produces the following markup inside an iframe.

<html><head></head><body></body></html>

The same editor loaded in chrome produces this:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">html,body{padding:0;margin:0;height:100%;min-height:100%;font-family:Verdana,Geneva,sans-serif;background:#fff;}html{font-size:100%}body{font-size:.75em;line-height:1.5;padding-top:1px;margin-top:-1px;}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em}h3{font-size:1.16em}h4{font-size:1em}h5{font-size:.83em}h6{font-size:.7em}p{margin:0 0 1em;padding:0 .2em}.t-marker{display:none;}.t-paste-container{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}ul,ol{padding-left:30px;margin-left:30px;}a{color:#00a}code{font-size:1.23em}
</style>
</head>
<body>
</body>
</html>

The editor is working fine in chrome, IE and safari.  Is this missing markup causing my editor to be disabled?  How do I fix it?

AldenG

4 Answers, 1 is accepted

Sort by
0
Alden
Top achievements
Rank 1
answered on 22 May 2013, 05:48 PM
Okay, I found some help in this thread over at the Kendo UI forums.  It looks like the same issue.  When experimenting, I found that if you add the following to the OnLoad event of the editor, it enables the edit box:
e.container.trigger("DOMNodeInserted");

However, it breaks everything else on the form.

Is there a workaround for this in the MVC extensions?  I know support is about to end on these, and I keep putting off upgrading to Kendo because every time I start it ends up being a very nasty upgrade.  I know I have to do it soon, but I need one more release on MVC extensions.  I hope you can help!

AldenG
0
Alden
Top achievements
Rank 1
answered on 22 May 2013, 06:12 PM
Inspecting this code I see that container is not defined, so this isn't going to help.  How do you trigger the DOMNodeInserted event from inside the OnLoad event of the editor?  Or is there another place this will work?  It also looks like there might be a way to force this event to trigger if you edit an attribute.  Is that an approach that would work?  If so, which attribute?
0
Daniel
Telerik team
answered on 27 May 2013, 10:59 AM
Hello,

Basically, you should trigger the DOMNodeInserted event on a parent of the editor element. For the MVC extension you could use the form in the Grid OnEdit event e.g.

function onEdit(e) {
  $(e.form).trigger("DOMNodeInserted");
}
Regards,
Daniel
Telerik
Check out the successor of Telerik MVC Extensions - Kendo UI for ASP.NET MVC - and deem it for new ASP.NET MVC development.
0
Alden
Top achievements
Rank 1
answered on 27 May 2013, 08:35 PM
that worked perfectly.  my firefox users thank you!
Tags
Editor
Asked by
Alden
Top achievements
Rank 1
Answers by
Alden
Top achievements
Rank 1
Daniel
Telerik team
Share this question
or