Using Your Own Images

Prev Next

You can substitute your own images for the ones supplied by Nok Nok. Most of these images are icons. Some images are specific to a view and some, like the cancel button, are defined and used globally. To substitute a custom image for a default one, configure the "images" object that is either at the top level of the UI Configuration File or nested inside the corresponding view where the image is used.

{   ...
    "views":{
        "registration_view":{
            "images":{
                "add_reg_icon":"img/add_reg_icon.png",
                "remove_reg_icon":"img/remove_reg_icon.png",
                "rename_reg_icon":"img/rename_reg_icon.png"
            }
        }
    },
    ...
}

Specify the source for your custom images with one of the following:

  • a pathname relative to the application : "<path to file>/<filename>.<ext>"

  • a full URL: "https://<path to file>/<filename>.<ext>"

  • the empty string to display a blank image