Customizing Images

In WebStudio you can use your own customized images in place of the default images.

A typical example is a delete or add icon is represented through a very specific icon throughout all your corporate applications and you want the same to appear in WebStudio.

Procedure

  1. Extract the WebStudio.war file located at the BE_HOME/rms/bin/ folder.
  2. In the extracted folder, back up the images folder by duplicating the folder at the same level with a name, such as, my_images or any name of your choice.
  3. Update the images under the duplicate folder (my_images) as per your requirement without changing the file names.
  4. Open the WebStudio.html file in edit mode.
  5. In the WebStudio.html file, set the value of the images_dir variable to point to the my_images folder.
    For example,
    var images_dir = “webstudio/my_images/”
  6. Save the HTML file and compress the folder back to the WebStudio.war file.
    Note: To revert to the WebStudio’s default images, set the value of the images_dir variable to “webstudio/images/” in WebStudio.html file.