Sticky Note

Navigation:  Widget Designer > Widgets >

Sticky Note

prev main next

Navigation:  Widget Designer > Widgets >

Sticky Note

prev main next

Please wait. Due to its content this page might take a while to load...

The StickyNote is a tool for adding short messages or instructions to the user interface. They are only visible if enabled in the View menu or by using [CTRL + ALT + N].

wd_widget_sticky-note

To create a StickyNote widget choose "Widgets > StickyNote". The mouse cursor changes to a crosshairs icon, indicating the create mode. With a left-click anywhere on the empty main background window you add the selected widget to the current page. Left-click again if you like to add one more. To quit the create mode, you can switch to the run mode with [F8], where you can use all widgets.

To edit the StickyNote parameters simply right-click on the desired StickyNote Widget and choose the menu entry "Item Properties", press [ALT+P] whilst the mouse is hovering above it or double-click on it when being in the edit / move mode ([F9]). The StickyNote Property Dialog opens up.

wd_widget_sticky-note-properties

General Widget Settings

Name:

A unique name can be entered to identify the widget via the Object and Member Notation. The default name is based on the widget type and ID.

Page:

This drop-down offers all available pages to place the widget on.

ID:
The StickyNote ’s ID may be changed by entering a new one in the text field top left. If you change it, you will be asked if you also want to adapt the name to the new ID.

Notes:

A short note can be added here. It is not displayed outside the widget but can be set and retrieved with the WidgetID.Note property member.

Visible:

Uncheck this box to hide the widget.

Fix:
When the option “Fix” is checked, the StickyNote will be displayed on every page.

Size:

Enter a pixel size for the StickyNote 's size.

X and Y:

Enter the location of the widget (upper left corner) in pixels

Sticky Note Properties

Font:
Edit the StickyNote text font and the font size by clicking on the button with the current font.

To change the text color click in the small box on the right side.

Background Color:
Click the box to open a color picker dialog for the background color.

Ui Effects & Animations

CSS based effects and animations can be applied to this widget. Please refer to the topic Effects & Animations for more information.