Skip to main content
N
Nikos_
Inspiring
January 22, 2009
Answered

Adding bulleted text

  • January 22, 2009
  • 4 replies
  • 7969 views
Hi,

How would you go about adding bullet points? Would you use an inline image? If yes, how would you:
* tab the bulleted text to start underneath the bullet tab and not at the start of the new line?
* resize/position/align that depending on font size/height?

Thanks
Nikos
This topic has been closed for replies.
Correct answer Nikos_
Thanks guys,

I have built a TLF text editor for a flex application.

For bullet points, I have followed Richard Leggett's approach of adding a SpanElement at the beginning of the paragraph containing a bullet symbol and a couple of tabs. However, I get the following problems:

1. I use marginLeft to indent the whole paragraph to the right and textIndent to indent the bullet to the left (default bullet format). While this works fine for some font sizes, it wont work for bigger or smaller text, unless i do some clever calculating of font size vs marginLeft/textIndent and number of tabs required.

2. Bullet characters can be deleted, which leaves the marginLeft/textIndent formatting. No big deal though..

3. When adding a bullet to and empty paragraph, I create the bullet span, but I cannot get the cursor to go to the second empty span. Therefore, the user types in the same bullet span which leads to other problems, particularly when I try to delete the bullet (first span)

4. When I try to remove the bullet from the paragraph, I sometimes get errors fired from the applyParagraphFormat. I don't always find it easy to debug this when I get errors like this:

Cannot access a property or method of a null object reference.
at flashx.textLayout.edit::ParaEdit$/cacheParagraphStyleInformation();

Is there any way to get the bullet as a span or another paragraph, outside the main text paragraph? I think that would solve lots of problems.

Would you mind sharing some source code if you feel that it could help?

Thank you for your time

Nikos

4 replies

R
Adobe Employee
rdermer
Adobe Employee
March 3, 2009
After making direct model changes make sure you update the display by calling updateAllContainers. Otherwise the displayed TextLines are invalid and are display only.

That's also required after model changes and before calling applyParagraphFormat.

Empty spans get deleted and spans with identical properties get merged during updateAllContainers - which is why I suspect you aren't calling it. Try putting a zero width space in if you want the bulleted text in another span and giving it an id or a styleName different from that of the bullet.

That's an open bug regarding issues with empty Spans with an id getting deleted. The fix may be worse than the workaround so it may not get addressed.

N
Nikos_Author
Inspiring
June 26, 2009

Are bulleted lists supported in the new version?

R
Adobe Employee
rdermer
Adobe Employee
June 26, 2009

No.  Not in 1.0 or 1.5.

J
Adobe Employee
joe.shankar
Adobe Employee
February 20, 2009
One quicker and simpler way to deal with bullets is to use a left margin and tab as suggested by Tim but use the Unicode character for the bullet in a standard font such as Times New Roman. Try importing the TLF Markup below in the online Text Layout Editor. You can import the xml below by copying and pasting it in the dialog box when you click the "Markup..." button in the Text Layout Editor. I've called out the unicode characters for the standard bullet characters.

<?xml version="1.0" encoding="utf-8"?>
<TextFlow verticalAlign="inherit" lineBreak="inherit" paddingBottom="inherit" paddingLeft="inherit" paddingRight="inherit" paddingTop="inherit" whiteSpaceCollapse="preserve" xmlns=" http://ns.adobe.com/textLayout/2008"><p marginLeft="20"><span>
</span><span fontFamily="Times New Roman" fontSize="32">
• Round bullet '\u2022'
◦ White bullet '\u25e6'
▪ Black small square '\u25aa'
▫ White small square '\u25ab'
</span><span>
</span></p></TextFlow>
brian_thomas2
Adobe Employee
brian_thomas2
Adobe Employee
February 26, 2009
Also check out this blog post on the topic: Bullet Points and Text Alignment in the Text Layout Framework
N
Nikos_AuthorCorrect answer
Inspiring
March 3, 2009
Thanks guys,

I have built a TLF text editor for a flex application.

For bullet points, I have followed Richard Leggett's approach of adding a SpanElement at the beginning of the paragraph containing a bullet symbol and a couple of tabs. However, I get the following problems:

1. I use marginLeft to indent the whole paragraph to the right and textIndent to indent the bullet to the left (default bullet format). While this works fine for some font sizes, it wont work for bigger or smaller text, unless i do some clever calculating of font size vs marginLeft/textIndent and number of tabs required.

2. Bullet characters can be deleted, which leaves the marginLeft/textIndent formatting. No big deal though..

3. When adding a bullet to and empty paragraph, I create the bullet span, but I cannot get the cursor to go to the second empty span. Therefore, the user types in the same bullet span which leads to other problems, particularly when I try to delete the bullet (first span)

4. When I try to remove the bullet from the paragraph, I sometimes get errors fired from the applyParagraphFormat. I don't always find it easy to debug this when I get errors like this:

Cannot access a property or method of a null object reference.
at flashx.textLayout.edit::ParaEdit$/cacheParagraphStyleInformation();

Is there any way to get the bullet as a span or another paragraph, outside the main text paragraph? I think that would solve lots of problems.

Would you mind sharing some source code if you feel that it could help?

Thank you for your time

Nikos
T
tpf70
Inspiring
January 23, 2009
From what I understand, bulleted lists are not currently supported.

The way I would do this is to create a paragraph with a left margin.
Then add an inline image as the first character.

Next to have spacing between the bullet and the text,
Add a tabstop to the paragraph and (after the image) inject a tab character (hmm...I havent tried that) or,
a set of spaces that have a character format of a fixed space font.
N
Nikos_Author
Inspiring
January 23, 2009
..any ideas?
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices