My text editor goes haywires

[Sang]

can someone tell me what could cause the issue of my text editor?  it goes haywires.  Here is our partial code of the editor.

<div class='tab-content k-widget'>
            @Html.ValidationSummary()
    
            @using (Rite.FormTable())
            {
                using (Rite.FormColumn(classCss: "editorWidth"))
                {
                    @(Html.Kendo().Editor()
                                .Name("Message")
                                .HtmlAttributes(new
                                      {
                                          @class = changeTrack,
                                          data_bind = "value: Message",
                                          style = "width: 800px; height:600px",
                                      })
                                .Tools(t => t.Clear()
                                          .Bold()
                                          .Italic()
                                          .Underline()
                                          .FontColor()
                                          .FontName()
                                          .FontSize()
                                          .JustifyLeft()
                                          .JustifyCenter()
                                          .JustifyRight()
                                          .JustifyFull()
                                          .InsertUnorderedList()
                                          .InsertOrderedList()
                                          .Indent()
                                          .Outdent()
                                          .CreateLink()
                                          .Unlink()
                                          .SubScript()
                                          .SuperScript()
                                          .InsertImage()
                                        )
                    )
                }

[Iliana Dyankova]

Hello Sang,

I already posted a reply in your other thread, however I am pasting my answer here too:
I believe the issue is styling-related, however the provided configuration is not enough to detect the actual reason. Is it possible to provide an isolated runnable example which I can test locally - this way I would be able to check what exactly is going wrong and provide concrete recommendations. Thank you in advance for your time and cooperation.

On a side note, please refrain from cross-posting the same problem in multiple threads as it wastes support effort that we may invest in helping you better. Thank you in advance for your understanding.

Regards,
Iliana Nikolova
Telerik

[Thomas]

Hi,

 Can you please help me how to make rich text box through kendo control.
I am using kendo editor, but the Bold,Italics are not visible.

<div class="editor" style="min-height: 502px;">
       
        @Html.TextAreaFor(m => m.Information, new { style = "width: 500px;border:thick; border-style: solid;border-width: 1px 1px 1px 1px; margin : 0 0 10px; height: 200px; margin-left: 10px; font-family:Calibri; font-size:14px;", @Id = "txtInfo", maxlength = 1000 }) 

  <script type="text/javascript">
        $(document).ready(function () {          
            $("#txtInfo").kendoEditor({
        resizable: {
                        content: true,
                        toolbar: true
                    }
                });
            });
     
    </script>

Kindly help me on this. 

Thanks.

[Dimo]

Hello Thomas,

Please make sure that all required Javascript and CSS files are registered.

http://docs.telerik.com/kendo-ui/aspnet-mvc/introduction#installation

http://docs.telerik.com/kendo-ui/aspnet-mvc/asp-net-mvc-4#add-telerik-ui-for-aspnet-mvc-to-the-application

In case you are using a custom Kendo UI theme, verify that you have a sprite image, which is correctly referenced in the theme CSS code and exists in the project's folder.

Compare your implementation with this stripped down example.

http://dojo.telerik.com/ARiNE/2

In case you need further assistance, send us a runnable example.

Regards,
Dimo
Telerik

[Thomas]

Hi, 

Thanks for the reply.

Please find the attachment for the kendo version and sprite image . (I am not sure about where the sprite image should be present).

I have also attached the CSS used in my application. 

The Bold ,italics are working fine but the issue is its not visible in my application. I will try to post a sample application soon. 

[Thomas]

Hi,

Thanks for the reply. 

Attaching the kendo version and sprite image present in it (I am not sure of the exact location required ).
The bold ,italics etc are working fine but the things is its not visible. 

I will post a sample application soon.

 

[Thomas]

I am unable to add the sample application. When i add a zip file its not uploading successfully.

Regarding the issue, i am using Kendo 2013.3.1119 version.

Kindly let me know what more shall i provide or any work around available.

Thanks.

[Dimo]

Hello Thomas,

I suppose that you are trying to upload a ZIP file, which exceeds the limit of 20 MB. Your options are:

- send a stripped down simplified version of the project, which takes up less space
http://www.telerik.com/blogs/isolating-a-problem-in-a-sample-project

and/or

 - remove the unused Kendo UI Javascript and CSS files from the project, remove the assemblies, and configure the solution to download all assemblies from NuGet during build

 and/or

 - upload the large project on a third-party file sharing service

In either case, the provided project should be runnable without the need to make any changes to the code or manually add assembly references, except the one for Kendo UI (Kendo.Mvc.dll).

Regards,
Dimo
Telerik