Property:  Item Background Image 1 (version Pro only)

Shows a fixed image on the Item's background; LEFT-aligned relative to <Background Tile Image> or <Background Image 2>.

This image does not tile but occupies space based on its dimensions. You can use the "Custom Size" option to change the area that the <Background Image 1> occupies.

As shown below, the <Item Background Image 1> appears at the top-left corner of the item's background layer:

Example of using the item's background images:

Let's assume that we have the following images for our item:

<Background Image 1>:  (20x 31)

<Background Image 2>:  (20x 31)

<Background Tile Image>:  (12x 31)

This is how the item's background shows depending on the images used (disregard the red border):

Item uses only the <Background Image 1> (left-aligned):

Item uses only the <Background Image 2> (right-aligned):

Item uses both the <Background Image 1> and the <Background Image 2>:

Item uses only the <Background Tile Image> (tiles in the entire background):

Item uses all available background images:

Note that our example uses spaces as the item's <Text>. If we put actual text there, this is what we get:

As we can see, text appears at a different layer above the background layer. We can use the <Item Content Padding> property to make adjustments to the content's placement:

By adding padding to the content (text in this example), the item appears as follows:

See also

The different background layers

<Item Background Image 2>