# Compare style colours on a board

> Choose the style colourways and versions that the Cost Comparison and Margin Comparison widgets show side by side.

Source: https://docs.vestislabs.com/reports/compare-style-colours-on-a-board/

The **Cost Comparison** and **Margin Comparison** widgets compare the style colourways you pick. **Cost Comparison** shows landed cost side by side, stacked by cost component. **Margin Comparison** shows retail or wholesale margin.

**Where to find it:** Reports and Insights
**Requires:** permission `VIEW_COSTS`

> [!NOTE]
> You need **VIEW_COSTS** or **VIEW_PRICE** to add these widgets. Because you choose the subjects yourself, they have no season, collection, category or supplier filter and no creation window.

1. **Add the widget**
   Add **Cost Comparison** or **Margin Comparison** from the widget gallery. See [Add a widget to your board](https://docs.vestislabs.com/reports/add-a-widget-to-your-board/). The new widget shows *Choose colors to compare*.

2. **Click "Choose styles"**
   Click **Choose styles** in the widget. Later you can reopen the same window from the widget menu with **Choose styles…**.

   

3. **Search for a style**
   In the **Choose colors to compare** window, type in **Search styles by name or code**. The best match opens first, and so does any style you have already picked from. The window shows *No costed styles yet.* when there are none to choose from.

4. **Tick colours**
   Tick the colour you want in each version column. Each tick is one bar, in the order you tick it. You can tick along a row to compare one colour across versions, or tick a whole column.

   > [!TIP]
   > Pick a style's current version to follow it as new versions arrive. Older versions stay fixed.

5. **Check the selection**
   The list at the top, **Selected, in bar order**, shows your choices and a counter such as 3 / 8. You can pick up to 8. Click the **×** on a chip to remove it.

6. **Click "Save"**
   Click **Save** to apply, or **Cancel** to close without changes.

   

You should now see one bar per colour. **Margin Comparison** also has the **Show wholesale / Show retail** icon in its header.

## Related

- [Customise a widget](https://docs.vestislabs.com/reports/customise-a-widget/)
- [Reports widget catalogue](https://docs.vestislabs.com/reports/reports-widget-catalogue/)