Custom Toolbars: Button UI Rules
Buttons in the Toolbars can have custom UI parameters.
Since the values and everything applies to both, the possibilities are documented here.
Overview of UI Rules on Button
&icon=icon-class-nameallows you to set an alternate icon
Since v14.07.05 you can also specify an SVG like this:
This would use the specified SVG directly on the button, but there are some caveats:
- The SVG will need to auto-resize to fit the button. Because of that, your SVG will either need to specify a
viewBoxor it will be auto-calculated for you.
- Since an SVG usually contains many characters that won't work in a URL, it must be base64 encoded, so it's more like
&color=...gives the button other colors
buttons can have an
&color=... parameter. The
... can be just one color or two, like
When specifying colors you can either use standard names like
red or HEX-codes like
FF0000. You cannot use the
# hash symbol, so when specifying hex-colors, always just write the characters. The button rendering system will auto-detect hex color codes.
Note that you can also use semi-transparent hex-codes, like
Force show/hide a button. This is only used in cases where show is auto detected, and you wish to override it.
Most common use case is to force-show or hide an existing button. For example, if you think it's ok to show the delete button, just use
Add more classes to your button for custom styling.
&class=your-classadd one or more classes to the button to affect styling
&title=some-text- mouseover message
This is used in toolbars which have many button groups - either the standard groups or groups you made yourself.
By specifying the
group you can make sure a button is in another button group.
&pos=0- add the button to the front of the list
&pos=-1- add the button to the end of the list
- check out the list of commands/buttons
- Introduced custom Toolbars in 2sxc ca. v5
- Added to 2sxc 10.27 .01 in March 2020
- Prefill support added in 10.27 .02 in April 2020
- SVG Icon Support added in v14.07.05