Using the Item Appearance capabilities, you can promote the important information onto the face of your items in any view, so turning your SharpCloud views into real-time dashboards that provide at-a-glance summaries of your projects, activities and other items. 

 

Summary of options 

You can control Item Appearance on a view-by-view basis from the View Set-up screen, including through the following options: 

 

1 Choose the attribute values and text to display on the item face 

By default, the name of the item is displayed on the face of the item, but you can choose to add any combination of attribute values and constant text.  You can use simple HTML formatting (bold, italics etc) and symbols to make important information stand out even more. Note that not all HTML formatting options are supported. 

 

2 Display data-driven images on the face of the items 

By default, where you have assigned an image to your items, the image is displayed on the item face, but you can choose to suppress its display. Alternatively, you can choose to display images that reflect up to five different attribute values in any of 7 positions on the item face.  

 

3 Set the background colour of items 

By default, the Category of the item is used to determine its background colour, but you can choose to base the colour on the label colour of any other attribute. Alternatively, you can assign the items a random colour, a constant colour or a transparent background. 

 
4 Set theborder colour of items 

By default, items do not show a border colour. However, you can choose to add a coloured border based on any attribute.  

 

You can control many of the Item Appearance globally through the View Set-up screen: 

 

In addition to these options it is also possible to control the internal panel colour for items. For example, you may choose to make all panels white or use a combination of colours to draw the eye to different pieces of information. This can be done both globally within the story set-up and on an item by item basis when editing the item. See also Configuring Item Panels and Panel Content 


1 Choose the attribute values and text to display on the item face 

By default the name of the item is displayed on the face of the item but you can choose to add any combination of attribute values (including calculated values and some system properties), constant text and punctuation, some specific HTML Symbols and some selected HTML formatting tags (e.g. bold, italics and underline). 

To change the text displayed on the item face 

  1. Select a view then click the View button on the toolbar to open the View Set-up screen. 
  2. On the Item Appearance tab, select Advanced options 
  3. Enter the attributes, text and formatting information in the Text field. This can include: 

Any item attributes - including calculated values and some system properties. These are referenced in square brackets [ ]. Start by typing the opening bracket and you will be presented with a list of available attributes, calculations and properties. Select from the list or continue typing to filter the list. 

Other text and punctuation - including line breaks (annotated as <br>) 

HTML Symbols 

HTML formatting tags - you can use simple HTML formatting tags to further emphasise the information displayed on the item face. For example: <b>[Name]</b> 


4. Click the OK button to apply the change, and see it reflected in the underlying view or select Reset to default text. 

 

 

 

Note: The Text settings can be used in combination with the ‘hide name’ option available through the edit item properties screenwhich operate on an item by item basis. 

Example 1 

In the example below the following has been entered in the text field. 

 

<b>[name]</b> 

 

[Start Date] 

(Risk score: [Risk]) 

 

 

https://my.sharpcloud.com/image/916e8b00-7248-416e-9808-c688f80ec3d2 

 

 

Example 2 - The screenshot below results from the following text entry: 

 

<b>[Name] </b><font color="white" size="2"> ([Program End]) 

 

 

Example 3 - The screenshot below results from the following text entry: 

<b>[name]</b> 

<i>Description</i> 


https://my.sharpcloud.com/image/cc613064-c6ea-41ad-9ed4-7b82722e88dd 

 


2 Display data-driven images on the face of the items 

 

By default, where you have assigned an image to your items, the image is displayed on the item face, but you can choose to suppress its display by choosing the No Image option. Alternatively, you can choose to display images that reflect up to five different attribute values in any of 7 positions on the item face.  

 

To include item attribute images on the item face 

 

  1. Select a view then click the View button on the toolbar to open the View Set-up screen. 
  2. On the Item Appearance tab, select Advanced options 
  3. Select the Custom Image option and then select an attribute form the drop down and choose a position to display it in. Repeat this for up to 5 attributes. The attribute images are cycled through and displayed as a preview.  

 

Note that the attributes must have had images assigned to their labels in the Story setup(See Assign colour and images to Attribute Labels” below).  


The options available here under Item Appearance can be used in combination with the existing transparency and other image options available through the edit item properties screen, that operate on an item by item basis. 


 


Example 1 - The screenshot below shows images for 4 attributes (as defined above) and is used in combination with the following text entry: 

<b>[name]</b> 

<i>£[Cost]</i> 


 


3 Set the background colour of items 

 

By default, the Category of the item is used to determine its background colour, but you can choose to base the colour on the label colour of any other attribute. Alternatively, you can assign the items a random colour, a constant colour or a transparent background. 

 

To change the Item Background colour 

 

  1. Select a view then click the View button on the toolbar to open the View Set-up screen. 

  1. On the Item Appearance tab, drop down the Background Color list and select an attribute or option (i.e. Transparency, item colour or select a colour). 


Example 1 

In the example below the Overall RAG status attribute has been used to colour the items on a timeline view. 


 

 

 4 Set the border colour of items 

 

By default, items do not show a border colour. However, you can choose to add a coloured border based on any attribute.  

 

To set the border colour 

 

  1. Select a view then click the View button on the toolbar to open the View Set-up screen. 

  1. On the Item Appearance tab, drop down the Border Color list and select an attribute or option (i.e. Transparency, item colour or select a colour). 


Example 1 

In the example below the Overall RAG status attribute has been used to colour the borders of the items on a timeline view.

 

 

Example 2 

The example below uses the transparent option for item Background color.