Description
The UIUndoRedoButton design can give you 2 buttons, an undo and a redo. Each press of the undo button will negate the last command done.
The Redo button restores any actions that have been previously undone using an undo button.
Parameter Rules
| doUpdate: | Set true to update and false to not update. |
| Example: | true |
redoCaption: This sets the caption on the redo button.
| Example: | “Redo” |
| redoImage: | Set to true if you want the redoImageUrl image to show up in the redo button. |
| Example: | true |
| redoTooltip: | The text put here will show up when the user moves or hovers the mouse pointer over a redo button trigger area. |
| Example: | "Redo restores any actions that have been previously undone using an undo." |
| undoCaption: | This sets the caption on the undo button. |
| Example: | "Undo" |
| undoImage: | Set to true if you want the undoImageUrl image to show up in the undo button. |
| Example: | true |
| undoTooltip: | The text put here will show up when the user moves or hovers the mouse pointer over a undo button trigger area. |
| Example: | "Each press will negate the last command done." |
| imageAlignment: | Image Alignment or placement. |
| Example: | “left” |
| redoImageUrl: | This will add an image inside the redo button. You will need to use the Get RefChain check box and select the image from the Resources folder. |
| Example: | return R.getUrl( { name: 'RedoIcon.jpg', id: '72c5d641-65ea-4e9b-0a37-08d812b23d11' }); |
| undoImageUrl: | This will add an image inside the undo button. You will need to use the Get RefChain check box and select the image from the Resources folder. |
| Example: | return R.getUrl({ name: 'UndoIcon.jpg', id: '123e8d09-4fdb-4285-0a38-08d812b23d11' }); |
| buttonStyle: | Button Style |
| Example: | “secondary" |
| Choices: | "primary | secondary" |
Mixins
UIControlMixin
UIStyleMixin
BaseNode
BaseModel
RULE NAME |
TYPE |
DEFAULTS |
CATEGORY |
FLAGS |
|---|---|---|---|---|
doUpdate |
boolean |
true |
UI |
Cached Spec |
redoCaption |
string |
'Redo' |
UI |
Cached Spec |
redoImage |
boolean |
false |
UI |
Cached Spec |
redoTooltip |
string |
"" |
UI |
Cached Spec |
undoCaption |
string |
'Undo' |
UI |
Cached Spec |
undoImage |
boolean |
false |
UI |
Cached Spec |
undoTooltip |
string |
"" |
UI |
Cached Spec |
imageAlignment |
string |
'left' |
None |
Cached Spec |
redoImageUrl |
string |
"" |
None |
Cached Spec |
undoImageUrl |
string |
"" |
None |
Cached Spec |
buttonStyle |
string |
"primary" |
Style |
Cached Spec |
Project Example:
In your kBridge Examples Projects folder open the project called ‘MyTable’.
Reference Location:
“world.mytable.tableui.tableui0.inputscontainer.inputscontainer0.contentfieldset.contentfieldset0.contentpanel.contentpanel0.saveundoredobuttoncontainer.saveundoredobuttonpanel.undoredobutton”
Link: https://knowledgebridge.engineer/projects
Open the MyTable project.
Press the UI start icon to start the User Interface.
The UIUndoRedoButton will show up in the 'Test2' uiRadioButton and in the 'Table' uiRadioButton.
Set the 'Number Of Drag Spheres' and the 'Number Of Casters' to 6 and OK
Now each time you press the 'Undo' button the number will go back to their original values. If you hit the 'Redo' button it will revert back to the values before you hit the 'Undo' button.
