Custom Score Badges

Pimcore provides three CSS classes you can use for styling the scores in the tree.

• plugin_dqm_bundle_badge: You can use this class to change the style of all the existing data quality score badges.

  .plugin_dqm_bundle_badge {
      font-weight: bold;
      background: transparent !important;
      border-radius: 4px;
  }

  The sample above allows to style all the badges as following:

  

• plugin_dqm_bundle_field_#FIELDNAME#: You can use this class to change the style of all the score badges for a specific data quality check. The #FIELDNAME# must be replaced by your data quality check name.

  The following sample allows to style all badges for a Prices check:

  .plugin_dqm_bundle_badge.plugin_dqm_bundle_field_Prices {
      font-weight: bold;
      background: transparent !important;
      border-radius: 4px;
  }

• plugin_dqm_bundle_mark_#SCOREMARK#: You can use this class to change the style of all the badges for a specific score mark (for example A, B, C, ...). The #SCOREMARK# must be replaced by your data quality score mark.

  The following sample allows to style all A badges:

  .plugin_dqm_bundle_badge.plugin_dqm_bundle_mark_A {
      font-weight: bold;
      background: transparent !important;
      border-radius: 4px;
  }