Discussion

How to change flow action's font and color

Hi All,

 

I was asked to increase the font and change the colour of a flow action short description.

I used the below code in "Localized Label" of field value rule of that flow action.

<font size="4" color="red">Decision</font>

I achieved the changes but, the above code is being displayed in workobject history to users.

I am looking for a way to change font size and color of flowaction short description without displaying the html code in work object history.

Any help on this issue is appreciated.

Thanks in advance.

**Moderation Team has archived post**

This post has been archived for educational purposes. Contents and links will no longer be updated. If you have the same/similar question, please write a new post.

Comments

Keep up to date on this post and subscribe to comments

Pega
November 4, 2013 - 3:30pm

How are your flow actions being displayed? Dropdown, links, buttons, etc.?

FYI - It is not a best practice to use the color red for anything other than an error.

November 4, 2013 - 5:02pm

Our flow actions are displayed as a "Take Action" drop down list.

I tried to convince them, the business users were wanting that color.

Pega
November 5, 2013 - 4:01pm

There's not a good way to target a specific item within the dropdown list and style it differently.  Styled dropdown list items are not a common UI design pattern regardless.  As you saw by adding (deprecated!!) font tags, they're reused throughout the application.  You could potentially add an ID to the layout in .pyActionDropdownSection, adding a span element to your field value, and targeting it directly in a CSS text file rule, but that's not recommended - field value rules should ONLY contain text, not HTML tags.

 

I'd suggest adjusting the liklihood values of the flow actions so that the "Decision" flow action appears by default, or is the first item in the list. This best aligns with how PRPC natively handles importance of flow actions, and will not introduce additional UI complexity.

November 6, 2013 - 4:12pm

Or you could fork ActionDropDown, and replace the default HTML <SELECT> with something like Bootstrap's Dropdown which supports full HTML for dropdown entries. 

You'd just need to insert logic somewhere to interpret the "Decision" action (or what have you) should be stylized in a certain way. My sense would be to move that logic into CSS, and do the mapping there:

.action_decision { color : red }

Pega would need to add support for class/style on flowaction rules.