[Solved] Jquery 1.6.1 support

[Jim Parton]

Hi,
I am upgrading our website to jquery 1.6.1 and need the editor to work with 1.6.1.

The editor at the moment when used with 1.6.1 wraps the text halfway across the editor as displayed in the attachment. 


I have also attached the sample website with the issue.

[Dimo]

Hello Daniel,

jQuery 1.6 contains a breaking change, which affects the Editor. We have recently discovered this problem and fixed it. You can try the internal build or use this CSS rule:

.t-editor  iframe
{
         width: 100%;
}

Best wishes,
Dimo
the Telerik team

[Jim Parton]

That rule didnt work. This worked:

.t-editable-area  iframe
 {
          width: 100%;
          height:100%;
 }

[Jim Parton]

Thanks for the the quick response.

[Created by: X]

I too am using jquery 1.6.1 and finnally got the Editor working properly by placing a  <style> tag in the html header under the telerik css code

 @(Html.Telerik().StyleSheetRegistrar()
        .DefaultGroup(group => group.Add("telerik.common.css")
                                    .Add("telerik.windows7.css")) ) 
    <style>
        .t-editable-area  iframe
         {
            width: 100%;
            height:100%;
         }
    </style>
 

It's a bit of a hack but it works  :)

[Prince]

Once the code has been updated to the latest version, should i remove the css rules i added from this post?

[Dimo]

Yes, the CSS rule is no longer necessary.