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

Style for the .Formatting() option not applied when opened in window control

3 Answers 76 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Greg Lynne
Top achievements
Rank 1
Greg Lynne asked on 28 Aug 2013, 02:08 AM
When an editor control is loaded in a window control, the .Formatting() component on the editor does not render the expected styles for each of the options in the drop down list.

This is occurring with the latest build 2013.2.823. 

It seems to be adding the below inline style to each of the list items in the dropdown. This has been happening for the last few builds but i got around it by having a mismatch of different version JS files which was less than ideal as it breaks other things.
color: rgb(51,51,51); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-color: rgb(51,51,51); border-right-color: rgb(51,51,51); border-bottom-color: rgb(51,51,51); border-left-color: rgb(51,51,51); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display: block; background-image: none; background-attachment: scroll; background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-color: transparent;

I have attached a screenshot to show this.

3 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 29 Aug 2013, 01:43 PM
Hi Andrew,

I tried to reproduce the issue using v2013.2.823 but to no avail - the Formatting component is rendered as expected in all major browsers. Is it possible to provide a small runnable example which demonstrates the issue and 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.

Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Greg Lynne
Top achievements
Rank 1
answered on 29 Aug 2013, 09:36 PM
I've narrowed it down and it happens even when loaded outside of the window control.

It happens when a stylesheet is referenced. This occurs even when the default visual studio "site.css" stylessheet is loaded via .StyleSheets(c => c.Add(Url.Content("~/Content/site.css"))).

@(Html.Kendo().Editor()
      .Name("BlockEditor")
      .HtmlAttributes(new { style = "width: 900px;height:530px" })           
      .Tools(tools => tools
                          .Clear()
                          .Bold().Underline()
                          .JustifyLeft().JustifyCenter().JustifyRight()
                           
                          .Indent().Outdent()
                           
                          .FontSize()
                           
                          .Formatting()
                           
                          .FontColor(builder => builder.Palette(ColorPickerPalette.Basic))
                          .BackColor(items => items.Palette(ColorPickerPalette.Basic))
                           
                          .ViewHtml()
         
                          .CreateLink().Unlink()
         
                          .InsertOrderedList().InsertUnorderedList()
                           
                          .TableEditing()
         
      )              
     .StyleSheets(c => c.Add(Url.Content("~/Content/site.css")))     
                      
)
0
Iliana Dyankova
Telerik team
answered on 02 Sep 2013, 11:26 AM
Hi Andrew,

Thank you for the details - I was able to reproduce the issue now and forwarded it to the developers for further investigation. Our team will do our best to provide a fix for it as soon as possible. Please excuse us for the inconvenience caused.

As a small sign of gratitude for this finding I updated your points.

Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Editor
Asked by
Greg Lynne
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Greg Lynne
Top achievements
Rank 1
Share this question
or