Call us! 512-349-0334 or (877) INDUSOFT

Modifying a Screen’s Background Color or Image in InduSoft Web Studio

An InduSoft Web Studio project screen can have either a solid background color or an editable background image.

Selecting a screen’s background color

By default, a newly created project screen has a solid white background. To change this background color:

  1. Make sure the screen file is open for editing.
  2. On the Graphics tab of the ribbon, in the Screen group, click Background Color. A standard color picker is displayed as a shortcut menu.
  3. Use the color picker to select a color. The color is applied to the entire project screen.

Tip: If you want to set a background color for only part of a screen, draw a shape object and then send it to the back.

Enabling a screen’s background image

To enable the background image for a screen and then edit it:

  1. Make sure the screen file is open for editing.
  2. On the Graphics tab of the ribbon, in the Screen group, click Attributes.The Screen Attributes dialog box is displayed.
  3. Select Enable Background. A new BMP file with the same name as the screen is automatically saved in the Screen folder in your project folder (e.g., […]\projectname\Screen\screenname.BMP).
  4. Click OK to close the Screen Attributes dialog box.
  5. On the Graphics tab of the ribbon, in the Screen group, click Background Image. Microsoft Paint is run automatically and the BMP file is opened for editing.
  6. Use Microsoft Paint to edit the background image as needed.

Tip: To use an image editor other than Microsoft Paint, manually edit the file […]\InduSoft Web Studio v7.1\Bin\Program Settings.ini to add the following setting:

[Options]

ImageEditor=filepath

Specifying an existing image file as the background

To select an existing image file, especially if it is in a format other than BMP:

  1. Copy the image file that you want to use to the Screen folder in your project folder.
  2. In the development environment, make sure the screen file is open for editing.
  3. On the Graphics tab of the ribbon, in the Screen group, click Attributes.The Screen Attributes dialog box is displayed.
  4. Select Enable Background, and then in the list to the right of the option, select the image file format.

Note: Only BMP files are supported in projects developed for Windows Embedded target systems.

  1. Select Shared Image, and then in the box to the right of the option, type the name of the image file. Do not include the file extension, because that is controlled by the list selection in the previous step.

You can specify folders within the Screen folder. For example, if you type MyBackgrounds\Background1, the program will look for the image file at […]\projectname\Screen\MyBackgrounds\Background1.

You can also specify a tag or expression in curly brackets (e.g., {MyTag}), in order to programmatically change the background image during run time.

  1. Click OK to close the Screen Attributes dialog box. If the program can find and load the specified image file, the image will be displayed in the project screen. If not, then a warning message will be displayed.

Comments are closed.