ScreenStepsAuthoring Content Writing ContentWhich text formatting options are available?

Which text formatting options are available?

This article describes the various text formatting options in ScreenSteps. Note that you can change the text size of text within the article. Text sizes are determined by CSS in the website the article is being viewed in.

The text content block

In ScreenSteps you add content blocks to articles in order to write content. Some examples content blocks types are headings, text, code, tables, and images. The formatting options that are available depend on the type of content block you are typing in. This article discusses the options that are available when editing text in a text content block.

Formatting options (web)

The ScreenSteps article web editor provides the following formatting options through the toolbar:

  1. Bold
  2. Italic
  3. Underline
  4. Color
  5. Paragraph style (normal or code)
  6. Quote
  7. Numeric List
  8. Bullet List
  9. Indent text - If the target line of text is part of a list then this will indent the line to make a nested list. If the target line(s) is not part of a list then the first line of the paragraph is indented.
  10. Outdent text - If the target line(s) is part of a list then this will outdent the list item. If the target line(s) is not part of a list then the first line of the paragraph is outdented.
  11. Links - Links within your knowledge base or to external sites
  12. Insert an image into the article at the location of the cursor.
  13. Undo
  14. Redo
  15. Clear formatting - Removes all formatting from the selected text
Formatting options (desktop)

The ScreenSteps 4 desktop software provides the following formatting options through the toolbar:

  1. Bold
  2. Italic
  3. Underline
  4. Color
  5. Bullet List
  6. Numeric List
  7. Superscript
  8. Subscript
  9. Links - Links within your knowledge base or to external sites
  10. Clear formatting - Removes all formatting from the selected text
  11. Code - Format code snippets like HTML or Javascript. If you have a paragraph selected then the entire paragraph wil be turned into a code block. If you have a word or words selected then the selection will be formatted as inline code.
  12. Outdent text - If the target line(s) is part of a list then this will outdent the list item. If the target line(s) is not part of a list then the first line of the paragraph is outdented.
  13. Indent text - If the target line of text is part of a list then this will indent the line to make a nested list. If the target line(s) is not part of a list then the first line of the paragraph is indented.
Specifying the starting number for a numeric list

If you want to change the starting number for a numeric list you can do so using the Format > List > Start Numeric List At... menu item.

Specifying start number for a numeric list
Inserting a soft return that doesn't start a new paragraph

When you press the return key in ScreenSteps a new paragraph is created.

The Default Behavior

To insert a soft return hold down the option key on OS X or the alt key on Windows while pressing the return key.

Inserting a Soft Returns
Shortcut keys for indenting lists

Indenting a list item

Press OPTION + TAB on OS X or CONTROL + TAB on Windows.

  • Item 1
  • Item 2
    • Child item 1
    • Child item 2
  • Item 3

Removing indent from a list item

Press SHIFT + OPTION + TAB on OS X or SHIFT + CONTROL + TAB on Windows.

18 Comments

Andrew Nilsen

I don't see any ability alter text size in here. Is there functionality within ScreenSteps to alter text size?

Trevor DeVore

@Andrew you can only change text size for text and sequence annotations. This is done via the Format > Font menu.

The size of the text instructions is determined by the export format. When viewing on the web the website CSS determines the text size. For PDF the PDF template determines the size.

If you are just looking to enlarge the text in the editor then that isn't possible yet, but will be in a future update.

Andrew Nilsen

Thanks for the reply!

Another question, is there a hotkey for bulleted or numbered listed?

Trevor DeVore

Yes. You can find the hotkey for your platform in the Format > List menu. Command + L on OS X. Pressing it multiple times cycles through bullet and numbered list.

Andrew Nilsen

Excellent! Thanks Trevor!

Megan

I just opened a trial account today and tried to build an article. I'm having a difficult time figuring out how to add text AFTER an image within a step. that is, if I want a step to contain text, then an image, and then more text, how do I add the second text paragraph? it seems that I can position an image above or below a block of text, but that one step cannot contain two blocks of text with an image between them.

Greg DeVore

@Megan -

You can either have text above an image or below it, but not both. If you wanted additional text below an image then just add a step below and don't include a step title or image. Only the paragraph text will display.

Lynn

I cannot seem to bold a phrase inside a sub step?

Trevor DeVore

@Lynn: Are you trying to bold the sub step title itself? If so then that won't work. You can only format text within the instructions field.

Lynn

So this means I cannot create instructions with bold interspersed with graphics?

Lynn

Code blocks - I can only make one as large as a I can see on screen, if I try and scroll down it loses the selection. And then only option appears to make multiple code blocks?

Trevor DeVore

@Lynn: You can leave the step title blank if you just want to alternate between formatted text and images. If you leave the step title empty then it won't be displayed when the article is viewed on the web.

Regarding the text selection - what happens if you click at the start of the text you want to convert to a code block, scroll to the end of the text you want to make a code block, hold down the Shift key, and then click? You should see all of the text selected which you can then convert to a code block.

Lynn

This means I need to reset the list number after every graphic?

Trevor DeVore

I'm not sure I understand. You shouldn't need to reset numbered lists at all. You may need to change the starting value of a list if you are trying to span a list across multiple images (using sequence annotations) or multiple text fields.

Alexandra

How do you insert that single line under each step or title? I see it throughout your site's instructions (even on this page) but I can't seem to figure out how to create it on my own.

Trevor DeVore

@Alexandra - I'm not sure I understand what you are asking. Perhaps email support@screensteps.com with a screenshot showing what you are trying to do?

Larry Deckel

Is there a way to use Numeric List format, and set the first number that appears? I want to continue numbering from a prior section of text (its been interrupted by an image I placed after #4... and want to continue text in this next section with number list starting with #5. Is there a way to do this?

Trevor DeVore

@Larry This is supported in the desktop software right now. If you look under the "Formatting options (desktop version 4)" > "Specifying the starting number for a numeric list" section you will find instructions.

Add your comment

E-Mail me when someone replies to this comment