'Help Text' Branding Customization

追蹤

Gwen Wilson

• 2019年08月29日 20:00
• 編輯於

On an eForm, is there some css (or some other method) that you can put on the form in order to brand the Help Text callout? I'd like to be able to change the color of the background, maybe the color of the font, etc.

0

• 

  sysberry GmbH

  • 2019年08月31日 18:03

  Hi Gwen,

  try this in shared css or normal css:
  .ui-tooltip, .ui-tooltip {
    color: red !important;
    text-decoration: line-through;
  }

  Like this you can modify the css of the tooltip.

  2nd way with JS:

  $(function() {

  $("head").append("<style>.ui-tooltip {background: #3F51B5 !important;}</style>");

          });

  Regards,

  Alexey

  0

  評論操作 永久連結
• 

  Gwen Wilson

  • 2019年09月03日 16:04
  • 編輯於

  Thanks Alexey, that worked great! Do you know what I would add to the javascript to get the little triangle piece of the tool tip to be the same color as the main part?

  

   

  0

  評論操作 永久連結
• 

  sysberry GmbH

  • 2019年09月03日 16:29

  Hi Gwen,

  please try:

  .right, .ui-tooltip-content::after {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-right-color: red !important;
  border-left-color: red !important;
  }
  .ui-tooltip, .ui-tooltip-content {
  background-color: red !important;
  }

  Regards,

  Alexey

  0

  評論操作 永久連結
• 

  Gwen Wilson

  • 2019年09月03日 16:51

  Thank you so much! This worked perfectly!

  Gwen

  0

  評論操作 永久連結

請登入寫評論。