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

Bullets are not properly observing defined css styles in design mode

5 Answers 63 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Heath Hensley
Top achievements
Rank 1
Heath Hensley asked on 07 Mar 2011, 06:24 PM
Take the following code and paste it into the editor in HTML mode...
<html>
    <head>
        <title></title>
        <style type="text/css">
            OL LI {LIST-STYLE-TYPE: upper-roman;}
            OL LI OL LI {LIST-STYLE-TYPE: upper-alpha;}
            OL LI OL LI OL LI {LIST-STYLE-TYPE: decimal;}
        </style>
    </head>
    <body>
        <ol>
            <li>Test...
            <ol>
                <li>add sub bullet after this item...
                </li>
                <li>it most likely got formatted with an "A" and not a "1"<br />
                <ol>
                    <li>It should have been a 1 like this line</li>
                </ol>
                </li>
            </ol>
            </li>
        </ol>
    </body>
</html>
Flip back to design view and it looks great. Then in design view add a sub bullet to bullet A. It will be formatted with an "A" instead of a "1" that the css style defines. But, if you switch back to HTML view and then back to Design view the formatting is correct. Am I doing something wrong or is this a known issue?

5 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 10 Mar 2011, 11:36 AM
Hi,

Yes, this is an expected behavior. The Indent button (which fires a browser command) which is used to insert a sub bullet produced the following non XHTML compliant content:

<OL>
<LI>Test...
<OL>
<LI>add sub bullet after this item... </LI>
<OL>
<LI>new sub bullet</LI></OL>
<LI>it most likely got formatted with an "A" and not a "1"<BR>
<OL>
<LI>It should have been a 1 like this line </LI></OL></LI></OL></LI></OL>

When you switch to HTML mode, the ConvertToXhtml filter of RadEditor corrects the content and it becomes:

<ol>
    <li>Test...
    <ol>
        <li>add sub bullet after this item...
        <ol>
            <li>new sub bullet</li>
        </ol>
        </li>
        <li>it most likely got formatted with an "A" and not a "1"<br />
        <ol>
            <li>It should have been a 1 like this line </li>
        </ol>
        </li>
    </ol>
    </li>
</ol>

For this reason there is a difference how the bullets are rendered.

Kind regards,
Rumen
the Telerik team
Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
0
Heath Hensley
Top achievements
Rank 1
answered on 14 Mar 2011, 02:30 PM
Thank you for your reply. Is this the intended behavior of the indent control? This seems like a bug to me. It seems like the Telerik indent button should run a bit of logic that corrects the ordered list. Without modifying the Telerik code is there any other way to get around this?
0
Rumen
Telerik team
answered on 16 Mar 2011, 04:48 PM
Hello Heath,

I logged the unwanted behavior in our PITS system and if possible we will improve the Indent command. Here you can find the PITS Issue: Public URL.

Kind regards,
Rumen
the Telerik team
Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
0
Matt
Top achievements
Rank 1
answered on 21 Mar 2011, 09:04 PM
Hi, I was trying to follow that link to check up on the status of this bug and I am getting an error that says: "It seems there was a problem with our server" when I get to the PITS page.

I know that PITS is in beta so things like this happen. I just wanted to bring this to your attention and also ask what the title of the entry was so I could search for it and track its status.

Ive been having a lot of problems with semi-complex ordered/unordered lists (anything with a style or that is more than one level deep) in the radeditor and would love to see these issues resolved.
0
Rumen
Telerik team
answered on 24 Mar 2011, 10:14 AM
Hello Matt,

The name of the PITS item is:
Issue ID 5126 - IMPROVE Bullets are not properly observing defined css styles in design mode

By the way the link should work now. Here it is: http://www.telerik.com/support/pits.aspx#/public/aspnet-ajax/5126

Best regards,
Rumen
the Telerik team
Tags
Editor
Asked by
Heath Hensley
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Heath Hensley
Top achievements
Rank 1
Matt
Top achievements
Rank 1
Share this question
or