by synolia

ShapeMySugar is the module you need to convince your employees to use your CRM. Thanks to this module, you are able to customize many elements of your application so that your team can make it their own and identify your CRM as a new coworker. You will be surprised at the improvement of the user experience!

Free Trial

By clicking you consent to share your profile with the developer

Guide : Shape my datas - Visual indicators

VISUAL INDICATORS

Based on dropdown field, the visual indicators allows you the advantage of being immediately identifiable and show easily the key elements.

The principle consists in associating a drop-down list value with a differentiating visual:

Shape_2022_10_visual_01.png

By example with an Accounts list view on Type columns. And a custom one

2026-08-21 16_00_59.png

Example with a coloring of a drop-down list:

2026-08-21 16_02_08.png

The display is also done on the record layout :

2026-08-21 15_42_48x.png

Important : The customizations need to modify CSS files, a removal of browser‘s caches may be necessary during changes in images (create / edit / delete).

SETTINGS SCREEN

In the Administration at the Studio level, go to the menu of the Shape my Sugar module named « Shape my Dropdown Lists ».

shape_8_23_cust_9.png

shape_8_23_cust_8.png

This list is used to administer all the visual customizations of the application's lists.

POSSIBLE CUSTOMIZATIONS Two display customizations are possible: in images or in colors.

Example with an image:

Shape_2022_10_visual_07.png

Example with a color:

Shape_2022_10_visual_08.png

ADDING A NEW VISUAL

The creation of a visual customization is done by creating an entry in the menu « dress up the drop-down lists ».

The values to be entered are:

  • The module concerned
  • The module field
  • The value to which the display is applied
  • The navigation language (different customizations possible)
  • The type of display

shape_8_23_cust_10.png

Exemple :

Shape_2022_10_add_02.png

BACKGROUND COLOR (CSS)

This option lets you choose a background color that will be displayed behind the list value. The choice is made from the list of those available.

Shape_2022_10_add_03.png

Example :

Shape_2022_10_add_04.png

Display :

Shape_2022_10_add_05.png

Other possibilities

Shape_2022_10_add_07.png

Shape_2022_10_add_09.png

Shape_2022_10_add_11.png

Shape_2022_10_add_13.png

Shape_2022_10_add_15.png

Saving Comment Saving Comment...

Other Add-Ons of interest