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

Nested ul en li's ... ?

6 Answers 39 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Joeri
Top achievements
Rank 2
Joeri asked on 29 Nov 2008, 11:52 AM
How do you nest an ul in a li ? Not in the html code view but in the wysiwyg mode view ?

6 Answers, 1 is accepted

Sort by
0
Nikolay Raykov
Telerik team
answered on 02 Dec 2008, 12:56 PM
Hello Joeri,

For the time being you cannot do this in Design mode. The only possible solution is to do that through the HTML mode.

Greetings,
Nikolay Raykov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Anders
Top achievements
Rank 1
answered on 05 Dec 2008, 07:53 AM
Joeri & Nikolay,

it is actually possible to do this in design mode. Simply select the list items that you would like to nest, and press the indent button. Voila!
0
Nikolay Raykov
Telerik team
answered on 05 Dec 2008, 11:25 AM
Hi Anders,

I am sorry for my incomplete answer. As you know, you could accomplish this functionality in MS Word when you press 'tab' and the list is indented. Due to browser differences this functionality is not supported by all browsers. Internet Explorer has a built-in support for such operation and when you press 'tab' the <li> element is indented and transformed into an ul element. This is the way you can accomplish nested <ul> element in <li> element.

All the best,
Nikolay Raykov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Anders
Top achievements
Rank 1
answered on 05 Dec 2008, 01:16 PM
I'm not quite following you ther Nikolay. I tried the indent button on your demo site earlier today, and got the nested ul:s working in FF3, Safari and IE7. Am i missing something? Only thing i noticed is that Safari inserted a br tag right before the start of the nested list. Apart from that it looked good cross browser...
0
Tervel
Telerik team
answered on 05 Dec 2008, 05:39 PM
Hi Anders,

In IE:
1. Create a list
2. Add a couple of items by pressing new line
3. Press a new line to create a fresh empty list item. Then press TAB key on  your keyboard (just like you would do in MS Word).

Result:
The list item should move to the left and be transformed into a new list, nested in the parent list.


Best wishes,
Tervel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Anders
Top achievements
Rank 1
answered on 05 Dec 2008, 11:03 PM
Tervel, 

I think you're misunderstanding. Joeri was the one asking the question and I answered him. Just to clarify, when i said "press the indent button", i didn't mean the tab key on the keyboard, but the editor button called indent. That's a solution that works cross browser (tested in FF, IE7 and Safari).
Tags
Editor
Asked by
Joeri
Top achievements
Rank 2
Answers by
Nikolay Raykov
Telerik team
Anders
Top achievements
Rank 1
Tervel
Telerik team
Share this question
or