My text editor goes haywires

8 posts, 0 answers
  1. Sang
    Sang avatar
    25 posts
    Member since:
    Oct 2011

    Posted 29 Jan 2014 Link to this post

    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()
                                            )
                        )
                    }
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2593 posts

    Posted 31 Jan 2014 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Thomas
    Thomas avatar
    7 posts
    Member since:
    Feb 2015

    Posted 14 Jul 2015 Link to this post

    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.

  5. Dimo
    Admin
    Dimo avatar
    8331 posts

    Posted 16 Jul 2015 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  6. Thomas
    Thomas avatar
    7 posts
    Member since:
    Feb 2015

    Posted 16 Jul 2015 Link to this post

    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. 

  7. Thomas
    Thomas avatar
    7 posts
    Member since:
    Feb 2015

    Posted 16 Jul 2015 Link to this post

    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.

     

  8. Thomas
    Thomas avatar
    7 posts
    Member since:
    Feb 2015

    Posted 17 Jul 2015 Link to this post

    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.

  9. Dimo
    Admin
    Dimo avatar
    8331 posts

    Posted 20 Jul 2015 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top
UI for ASP.NET MVC is VS 2017 Ready