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 30 day trial
Try it Now

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

Shape_2022_10_visual_02.png

Example with a coloring of a drop-down list:

Shape_2022_10_visual_03.png

The display is also done on the record layout :

Shape_2022_10_visual_04.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

SPECIFIC CLASSE(S) (CSS)

This option allows you to fill in an existing CSS class in Sugar that will be applied to the list value. To do this, you must enter the names to be applied.

Example :

Shape_2022_10_add_06.png

Display :

Shape_2022_10_add_07.png

IMAGE (UPLOAD FILE)

This option allows you to choose an image that will be applied instead of the list value. Just select the image to send, the style is customizable and is by default set to 30 pixels in height.

Example :

Shape_2022_10_add_08.png

Display :

Shape_2022_10_add_09.png

IMAGE BESIDE TEXT (UPLOAD FILE)

This option allows you to choose an image that will be applied next to the list value. Just select the image to send, the style is customizable and is by default set to 30 pixels in height.

Example :

Shape_2022_10_add_10.png

Display :

Shape_2022_10_add_11.png

IMAGE (LINK OF IMAGE FILE)

This option is similar in its rendering to the option to send an image, namely to choose an image which will be applied next to the value of the list. The difference here is that the image is not hosted on Sugar but displayed via a URL, the style is customizable and is by default set to 30 pixels in height.

Example :

Shape_2022_10_add_12.png

Display :

Shape_2022_10_add_13.png

IMAGE BESIDE TEXT (LINK OF IMAGE FILE)

This option is similar in its rendering to the option to send an image with the list value text displayed next to it. The difference here is that the image is not hosted on Sugar but displayed via a URL, the style is customizable and is by default set to 30 pixels in height.

Example :

Shape_2022_10_add_14.png

Display :

Shape_2022_10_add_15.png

ICONS

It is possible to find icons for free on the site https://icones8.fr

Saving Comment Saving Comment...
Rating