Using bullet list changes font in Chrome

9 posts, 0 answers
  1. Larevenge
    Larevenge avatar
    38 posts
    Member since:
    Jul 2009

    Posted 03 Jun 2013 Link to this post

    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é
  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1502 posts

    Posted 06 Jun 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. Larevenge
    Larevenge avatar
    38 posts
    Member since:
    Jul 2009

    Posted 24 Jun 2013 Link to this post

    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é
  4. LePaul
    LePaul avatar
    5 posts
    Member since:
    Jun 2013

    Posted 24 Jun 2013 Link to this post

    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.
  5. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1502 posts

    Posted 27 Jun 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  6. LePaul
    LePaul avatar
    5 posts
    Member since:
    Jun 2013

    Posted 27 Jan 2014 in reply to Danail Vasilev Link to this post

    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. 



  7. LePaul
    LePaul avatar
    5 posts
    Member since:
    Jun 2013

    Posted 27 Jan 2014 in reply to LePaul Link to this post

    Try it yourself at Teleriks own demo: http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
  8. LePaul
    LePaul avatar
    5 posts
    Member since:
    Jun 2013

    Posted 28 Jan 2014 in reply to LePaul Link to this post

    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

  9. Ianko
    Admin
    Ianko avatar
    1940 posts

    Posted 29 Jan 2014 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the UI for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top