Adding Text to a Workspace (Web)

You can add text to a workspace using a text box and format the text how you want by adding bullets, changing the text color, highlight content, modifying font sizes, altering alignment, and using italics/bold fonts/underlines/strikethroughs. Hyperlinks that open a new browser tab can also be added to text as well.

You can also add text to Shapes and Notecards.

Adding Text

To add text to a workspace:

  1. Click the :text: (Text) icon from the workspace toolbar.
  2. Hover your cursor over the workspace area where you want the text to appear before clicking your mouse to insert it. The text box appears in the workspace along with its associated toolbar.
  3. Enter content in the text box. You can type text into the text box or paste text here. You also may use an international keyboard. As you enter text, the text box auto-fits content and adjust the height as needed. An anchor point or notch appears on each side of the text box, allowing you to grab and extend the text box horizontally.
  4. Use the toolbar icons to format your text. After you select and use a toolbar option, focus returns to the text box.

Text Toolbar (left to right):

I con Description
Font Allows you to select a text format. There are 33 available fonts, which support text entered in more than 580 languages. Noto Sans SC is a fallback font and is used when a character is not available in the font you selected.
Font Size Allows you to select a numeric value that aligns with how large or small the text will appear. The default font size is 12 at the recommended 100% zoom level. The zoom control near the bottom right of the workspace is at 100% when the notch is in the middle of the slider control.
Style Allows you to select bold, italics, underline, and strikethrough.
Alignment Allows you to arrange or organize text.
Bullets Allow you to add bullets or numbering.
Text Color Allows you to select a text hue. Custom colors are available. From the initial color palette, you can click the arrow icon, which opens a secondary custom color panel. You can click the + symbol to access a color picker, where you can enter a hexadecimal (hex) code or use the slider to select a hue.
Highlight Color Allows you to select a hue to highlight the text.
Background Color Allows you to select a hue for the text background.
Add Link Allows you to add a hyperlink that opens a new browser tab. You must first select the text for which you want to establish a hyperlink to enable this icon. Clicking this icon triggers display of the URL Link field. Here, you may add the URL, which establishes the hyperlink. In Edit mode, you can delete existing hyperlinks by selecting them and clicking Remove .

33 Available Fonts

  • Aleo
  • Architects Daughter
  • Balsamiq Sans
  • Barlow Semi Condensed
  • Bebas Neue
  • Caveat
  • Comfortaa
  • Cormorant Garamond * Cormorant
  • Fredoka One
  • Gruppo
  • Hepta Slab
  • Indie Flower
  • Inter
  • Josefin Slab
  • Lato * Merriweather
  • Montserrat
  • Nothing You Could Do
  • Noto Sans SC
  • Noto Serif
  • Open Sans
  • Overlock * Patrick Hand
  • Permanent Marker
  • Raleway
  • Roboto Slab
  • Rock Salt
  • Source Code Pro
  • Source Sans Pro
  • Yrsa
  • Zilla Slab

In addition to the Latin alphabet, Bluescape supports Japanese, Cyrillic, Greek, and Simplified Chinese.

Editing Text

Edit mode allows you to modify and format content within the text box; all actions available in Edit mode solely are specific to content you select.

There are three ways to edit a text box:

  • Double-click the text box.
  • Single click the text box to highlight it, then press Enter or Return on your PC or Mac keyboard, respectively.
  • Access Edit from the More Options asset menu

To edit using the More Options menu:

  1. Click the text box, which now contains a blue border and displays a toolbar.

  2. Click the :more_options: (More options) icon from the toolbar. A flyout menu opens.

  3. Click Edit from the menu.

  1. Perform edits as needed. In Edit mode, you not only can change content, but you also can modify the size and dimensions of the text box. In addition, you can make formatting changes.

  2. Click outside the text box or press the Esc key on your keyboard to apply changes.

Selecting a text box allows you to access View mode, as also evidenced in the image above. In this mode, you can interact with the text box – performing actions such as arrange, delete, and duplicate (as you would with most workspace assets).

Since most text creation and edits occur on the Web client, this value-add is immediately available. The Wall device and mobile application will take a different path.

For the Wall, you may render the text box and move it within the workspace, but you cannot make any changes to the text box content. For the mobile application, you neither can render nor view the text box.

Once you edit a legacy text box, the enhanced formatting capabilities will be available on the Web client. For the Wall, you may render this legacy text box and move it within the workspace, but you cannot make any changes to the legacy text box content. In addition, you neither can render nor view a legacy text box using the mobile application.

Discover other assets available to you in your workspace, check out the Workspace Content Toolbar.

Where to Next?

Not what you were looking for? Reply below or Search the community and discover more Bluescape.