Inserting a ProductBranding Image

Note: If chromeType is set to compact (default), productBranding will be shown alongside corporateBranding. In expanded mode, productBranding will be shown below corporateBranding. You cannot have inContextBranding in expanded mode. If you include inContextBranding, then productBranding automatically renders next to the corporateBranding.

To insert a productBranding image:

In the Design Structure Window of the desired file, expand the pageLayout or pageHeaderLayout node to locate the productBranding named child node.
The productBranding node is under pageLayout Named Children in pageLayout. or pageHeaderLayout Named Children in pageHeaderLayout .
Right-click the productBranding node and choose Insert inside productBranding | image .
The Insert image dialog displays for you to enter the required source property, and other properties if desired.
Enter the URI that specifies the location of the image to display.
Click OK when done.
The new image node is inserted and highlighted in the Structure Window. The Property Inspector displays the properties of the new component.
In the Property Inspector, set the following attributes for the new image component:
- source - Enter the URI that specifies the location of the image to display.
- text - Enter the text to display if there is no image.
- shortDesc - Enter the text for the "alt" image tag.
- destination - Enter the URI that the image is to reference.

Note: To use data binding, see Data Binding a Component Attribute.

Example (UIX XML)


...
<pageLayout>
  
  <!-- Product branding image -->
  
  <productBranding>
    <image source="images/productbrand.gif shortDesc="Product branding image"/>
  </productBranding>
  
  <!-- REST OF PAGE LAYOUT -->
  
</pageLayout>
...