Preset Browser
A Floating tile used for loading user presets
| ID | Default Value | Description |
Font
|
Oxygen Bold | Select a font |
FontSize
|
14.0 | Set the fontsize |
ShowFolderButton
|
true
|
Show or hide the "more" button |
ShowSaveButton
|
true
|
Show or hide the "Save Preset" button |
ShowNotes
|
true
|
Show or hide the Notes Bar |
ShowEditButtons
|
true
|
Show or hide the Add, Rename, Delete buttons |
ShowFavoriteIcon
|
true
|
Show or hide the Star functionality |
ShowExpansionsAsColumn
|
false
|
no description |
NumColumns
|
3 | Choose the amount of columns 1,2,3 |
ColumnWidthRatio
|
{}
|
no description |
EditButtonOffset
|
10 | no description |
ListAreaOffset
|
{}
|
no description |
ShowAddButton
|
true
|
no description |
ShowRenameButton
|
true
|
no description |
ShowDeleteButton
|
true
|
no description |
ShowSearchBar
|
true
|
no description |
ButtonsInsideBorder
|
false
|
no description |
ColumnRowPadding
|
{}
|
no description |
SearchBarBounds
|
{}
|
no description |
SaveButtonBounds
|
{}
|
no description |
MoreButtonBounds
|
{}
|
no description |
FavoriteButtonBounds
|
{}
|
no description |
FullPathFavorites
|
false
|
no description |
FavoriteIconOffset
|
0 | no description |
The inbuilt Preset Browser with which you can easily manage (save, load, rename..) user presets.
Learn more about User presets here: User Presets .
The User preset will save and recall all interface elements in which the Save-in-preset functionality is set to true.
If you want full customization of it's appeareance take a look at: Preset Browser Look and Feel Customizations
CSS Styling
The preset browser and its sub components can also be fully styled using the CSS Renderer. In order to target each component, take a look at this cheat sheet that shows the CSS selector for each part:
Preset Browser:
Modal Popup:
Some remarks:
- most properties related to positioning will not work - there are plenty of tools available to change the layout of the preset browser and the CSS renderer is focused on customizing the graphics of the preset browser. The notable exception to this rule is the
paddingproperty of the.modalclass selector that you can use to define the size of the background of the modal popup. - for a detailed overview of how to style the individual components, you can take a look at the basic UI element CSS reference: button , label
- the context menu of the More button can be styled just like the context menu of the ComboBox