Custom Score Badges

Pimcore Studio applies three CSS classes to every rendered score badge (the Data Object tree, the grid column, and the object editor's score display). Use them to style the badges:

• plugin_dqm_bundle_badge: styles every data quality score badge.

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

  The sample above styles all badges as follows:

  

• plugin_dqm_bundle_field_#FIELDNAME#: styles the score badges for a specific data quality check. Replace #FIELDNAME# with the data quality field's name.

  The following sample styles 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#: styles the score badges for a specific rating mark (for example A, B, C). Replace #SCOREMARK# with the data quality score mark.

  The following sample styles all A badges:

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

Badge colors (the background and font colors behind these classes) come from the studioColors configuration; see Calculation Rules.