What is UI Text Box?

UI Text Box is a macro that displays content in a text box. Choose a text size and a type (default, info, note, tip and warning), and you can choose the color scheme yourself.

Setting your own color scheme

Since 2.0 of RefinedToolkit you can set your own color scheme to the text boxes of RefinedToolkit.

Learn more here: Setting the Color Scheme


Live Examples

UI Text Box can have different purposes as shown below. 

The regular text box

This is a regular page to make content stand out a bit on a page.

Note

Make sure all people have left the floor before turning on the alarm.

Information

Any day that is marked as a holiday in the calendar is a day when the office is closed.

Tip

Did you know you there are plenty of free apps on the Atlassian Marketplace? This is one of them, RefinedToolkit.

Warning

Deleting the content from your trash will permanently delete that content.

Using the UI Text Box

To add the UI Text Box macro to a page 


In the Confluence editor, choose Insert > Other Macros.

Find and select the UI Text Box macro.

In the macro editor, you can choose what type of UI Text Box you want to display.


Speed up macro entry with autocomplete: Type { and the beginning of the macro name, to see a list of suggested macros.

To edit an existing macro

Click the macro placeholder and choose Edit.

A macro dialog window will open, where you can edit the parameters of the macro.

Wiki Markup


{ui-text-box:size=medium|type=warning}Some text ...{ui-text-box}

Parameters

ParameterDefaultDescriptionVersion
Text size (size)small

The size of the text:

  • small
  • medium
  • large
1.0

Type (type)

default

Change the appearance of the text box by choosing on of the available types:

  • info
  • note
  • tip
  • warning
1.0


Setting the Color Scheme

To edit the color scheme of the UI Text Box

Go to General Configuration > RefinedToolkit Configuration.

Click UI Text Box in the right hand side menu.

For the color you wish to change, click edit.

Note

  • It is not possible to change the label of the UI Text Box, and it is not possible to change the icon of the UI Text Box.
  • Any color will be applied globally to all UI Text Boxes.


Examples

Default

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Information

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Note

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Warning

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Tip

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.