How to display a message in bod and red color in constellation
Hi Team,
Can you tell me how to display a read only text in bold and in a different color in constellation.
Hi Team,
Can you tell me how to display a read only text in bold and in a different color in constellation.
@Pavanir6 In this case you might need to edit the particular view in dev studio, you can use this as reference: https://design.pega.com/extend/text/ Possible statuses for color change include: 'success','warning', 'error', or 'pending',
@Pavanir6 In Constellation the clean way is to use a Message or Alert component instead of hardcoding color. Open your view in the authoring portal and add a Message to the layout. Set its type to Error and type your text in the title so it renders bold by default and appears in the standard red used across the app. If you only need an inline label, add a Badge or Tag component and choose the destructive or error variant which shows red styling while staying read only. If you want a simple line of text, add a Text component, toggle Bold, and set its tone or appearance to Error or Destructive if your version exposes that option. For a property value, drop a Read only field and turn on Helper text with the error style to get red inline emphasis. Avoid inline HTML or CSS and do not override colors because it breaks accessibility and theming. Only if your design requires a custom shade, create a design token override in the Theme and apply it via the component appearance settings.
@Sairohith Are you referring to a set of Custom Components ? Message, Alert, Badge or Tag not OOTB nor in the Github Constellation UI Gallery. "Text component, toggle Bold, and set its tone or appearance to Error or Destructive " again a custom Text component ? "Read only field and turn on Helper text with the error style to get red inline emphasis" error style to get red inline ?
Question Solved
Question
Support Doc
Support Doc
Support Doc
Discussion
Question
Question
Question Solved
Question Solved
Pega Collaboration Center has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.