Skip to main content

Icons

Custom icons​

By default, Simplicité ships with a set of icons composed of:

tip

For accessibility and visual quality, only .svg icons are recommended to prevent pixelation when zooming. While .png icons are supported, .svg is preferred.

To add your own icons :

  1. pack your .svg or .png icon set in a .zip archive
  2. create a new Resource
    • Object: default disposition object
    • Module: your app
    • Type: File set
    • Language: *
    • File: your zip file
    • Code: a code prefixed with IMAGES_ or ICONS_ (ex: ICONS_MYAPP)

resource

  1. use your icons in the tab created for your specific set in the icon selector tool

selector

Theme icons​

It is possible to override the default icon sets, which can be usefull if you are building a specific designer theme for example.

In this case, use the Icons set field of the Theme to specify your recource. Call it IMAGES_COLOR if you want to override the color set.

Javascript API​

To use an icon in your JS code, use the following API:

// insert image
$ui.view.icon("img/myFileSet/myicon", "icon").appendTo(div);
// insert icon
$ui.view.icon("icon/myFileSet/myicon", "icon").appendTo(div);
Last updated on