Using bullet list changes font in Chrome

[Larevenge]

Hello,

I'm currently using the Editor and I am facing troubles with the bullet list. When I use the Editor in Chrome, the font gets changed to Times New Roman. I do not have this problem in IE and Firefox.

I use the following code:

<telerik:RadEditor runat="server" ID="RadEditor1" Width="800px" Height="500px" SkinID="DefaultSetOfTools"
    ToolsFile="~/Beheer/Traject/tools.xml">
    <CssFiles>
        <telerik:EditorCssFile Value="~/Beheer/Traject/radeditor.css" />
    </CssFiles>
</telerik:RadEditor>

The following code is the content of the CSS file.

.RadEWrongWord
{
    background-color: yellow;
}
.RadEDomMouseOver
{
    background-color:#ffffcc;
}
body
{
    padding:3px;
    background-image: none;
    margin: 0px;
    text-align: left;
    scrollbar-face-color: #E9E9E9;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #E9E9E9;
    scrollbar-3dlight-color: #DBDBDB;
    scrollbar-arrow-color: #787878;
    scrollbar-track-color: #F5F5F5;
    scrollbar-darkshadow-color: #AEAEAE;
    word-wrap: break-word;
}
form
{
    background-color:#efefef;
    border:1px dashed #555555;
}
table
{
    BORDER-RIGHT: #999999 1px dashed;
    BORDER-BOTTOM: #999999 1px dashed;
}
table td
{
    PADDING: 1px;
    BORDER-TOP: #999999 1px dashed;
    BORDER-LEFT: #999999 1px dashed;
}
table th
{
    PADDING: 1px;
    BORDER-TOP: #000000 1px dashed;
    BORDER-LEFT: #000000 1px dashed;
}
OL
{
    list-style-type: decimal;
}
OL OL
{
    list-style-type: decimal;
}
UL
{
    list-style-type: disc;
}
UL UL
{
    list-style-type: circle;
}

Any help with the problem would be much appriciated.

Regards,

Corné

[Danail Vasilev]

Hello Corné,

It seems that this is an issue with the RadEditor in Chrome, so that the default font in the drop down changes to "Times New Roman" font and this font cannot be set. I have logged the issue as a feedback item here, so that you can monitor, comment and vote on it.

As a small token of gratitude for reporting this issue, I have updated your Telerik points.

Regards,
Danail Vasilev
Telerik

[Larevenge]

Hey Danail,

Thanks for you're answer, that feedback item you're referring is the same problem? Because it says "This font, however, is not set to the text.". However, that's not the exact definition of my problem, my problem is that the font TNR is set to the text and dropdown list after using the bullet list and i cannot change it. So actually setting the default font to the text is working, I guess the problem is that the bullet list should not be using the default font but the font in the dropdownlist?

Regards,

Corné

[LePaul]

The RADeditor has overall problems with bullet lists. See Teleriks own demo: http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
When invoking a bullet or number list, the whole text gets affected.

[Danail Vasilev]

Hi All,

I have tried to reproduce the described issue by Corné but to no avail. Could you please watch a short video with the test, located to the attached archive and then tell me what I am missing? You can also record a video with the unexpected behavior and then send it back to us, in case it is more convenient to you.

Regarding the other issues with the bullet list, could you please be more specific? If you find any particular issues, please feel free to report them either directly to us or by logging them in our feedback portal here. We will be glad to award you with Telerik points for helping us to improve the quality of RadControls.

Regards,
Danail Vasilev
Telerik

[LePaul]

Hi Danail,

It seems that the problem is partially solved.

The problem now is when invoking a bullet list for (a part of) the text, it misplaces the <ul> codes by putting it at the top of the text instead of the desired positon. I'll give you an example:

This common line number one.
This common line number two.
This common line number three.
This common line number four.

If I want to put line number two and three in a bullet list, it should look like this in HTML:

This common line number one.    <br />
<ul>
    <li> This common line number two.    <br />
    <li> This common line number three.    <br />
</ul>
This common line number four. <br />


But instead the editor puts the <ul> at the beginning of the text and misplaces the <li>:
<ul>
    <li>This common line number one.    <br />
    This common line number two.    <br />
    This common line number three.    <br />
    This common line number four.</li>
</ul>


This happens only when invoking the bullet list into a text or starting a new list in between 2 lines. When invoking the bullet list at the bottom of a text, it works fine but that's not what I want. 

[LePaul]

Try it yourself at Teleriks own demo: http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

[LePaul]

I've looked around and this seems to be a well known problem, see also: http://www.telerik.com/forums/bullet-points-abe63e736a0e

In short: the problem with bullet lists, in- outdent, justify etc. lies in the browser behavior. They produce quite different HTML sometimes. But it should be fixed in the Q2 2013 version: http://www.telerik.com/support/whats-new/aspnet-ajax/release-history/q2-2013-version-2013-2-611#Editor

If not, this link provides a workaround: http://www.telerik.com/support/kb/aspnet-ajax/details/inserting-lists-indenting-outdenting-and-justify-a-single-line

[Ianko]

Hello LePaul,

The described behavior is the new behavior of the block commands. This behavior is implemented to be with a similar experience as in a desktop editor.

You can find more information on this matter in this help article.

If you have any further concerns or need more information, please contact us with a formal support ticket.

Regards,
Ianko
Telerik