CSS: Note Annotation

Note Annotation

The annotation toolbar is visible when a user creates or modifies an annotation. It contains annotation specific controls.

The note annotation toolbar is visible when a user creates a new note annotation, or when a note annotation is selected to be modified.

.PSPDFKit-Toolbox-FillColor

Is also: .PSPDFKit-Toolbox
Fill color picker toolbox container.

.PSPDFKit-Toolbox-NoteIcon

Is also: .PSPDFKit-Toolbox
Note icon selector toolbox container.

Is also: .PSPDFKit-Input-ColorPicker
Specifically access the color-picker for note annotations.

.PSPDFKit-Input-ColorPicker

Wraps the color picker for single colors that is used to change the color of an annotation with only a single customizable color.

.PSPDFKit-Input-ColorPicker-Label

Can also be: .PSPDFKit-Input-ColorPicker-Label-active
An individual color option. The class is active, when the color is used on the current annotation.

.PSPDFKit-Input-ColorPicker-Swatch

A single color swatch. Changing this color via CSS will not change the annotation when the color is selected.

Is also: .PSPDFKit-Note-Annotation-Toolbar-Icons
Specifically access the icon picker for note annotations.

.PSPDFKit-Note-Annotation-Icon-Comment

comment icon for a note annotation.

.PSPDFKit-Note-Annotation-Icon-RightPointer

rightPointer icon for a note annotation.

.PSPDFKit-Note-Annotation-Icon-RightArrow

rightArrow icon for a note annotation.

.PSPDFKit-Note-Annotation-Icon-Check

check icon for a note annotation.

.PSPDFKit-Note-Annotation-Icon-Circle

circle icon for a note annotation.

.PSPDFKit-Note-Annotation-Icon-Cross

cross icon for a note annotation.

.PSPDFKit-Note-Annotation-Icon-Insert

insert icon for a note annotation.

.PSPDFKit-Note-Annotation-Icon-NewParagraph

newParagraph icon for a note annotation.

.PSPDFKit-Note-Annotation-Icon-Note

note icon for a note annotation.

.PSPDFKit-Note-Annotation-Icon-Paragraph

paragraph icon for a note annotation.

.PSPDFKit-Note-Annotation-Icon-Help

help icon for a note annotation.

.PSPDFKit-Note-Annotation-Icon-Star

star icon for a note annotation.

.PSPDFKit-Note-Annotation-Icon-Key

key icon for a note annotation.

Is also: .PSPDFKit-Toolbar-Button
The button to delete a note annotation is only visible when the annotation is already saved and currently selected. It does not show up when the user starts to create a new note annotation.

.PSPDFKit-Note-Annotation

Is also: .PSPDFKit-Annotation
The note annotation marker in the document. The same element has a .PSPDFKit-Note-Annotation-Icon-{IconName} like in the Toolbar. Please refer to it for a comprehensive list of icons classes.

The popover that contains the note annotation.

.PSPDFKit-Note-Annotation-Content

The note annotation content container. Includes the title "Note" and the editable area.