problem when applying multiple styles to a rich text component

Question

Hello, 
 
 My goal is to display a rich text component with both the bold and italics styles. The code below works in the SAIL designer live test view, but when the interface is run in a process, only the italics (EMPHASIS) style displays... Is there a better way to achieve both styles that works in-process? Thanks! (Appian 17.1) 
 
 a!richTextDisplayField(
 value: a!richTextItem(
 style: "STRONG",
 text: a!richTextItem(
 style: "EMPHASIS",
 text: "sample text"
 )
 )
 ) 
 
 SAIL designer:

in-process interface:

annap · Accepted Answer

Hi zacharyg0001, 
Apply "EMPHASIS" style for outer richTextItem and "STRONG" style for inner richTextItem. This will resolve your problem. I don't have answer for such behavior but it works. I think we have to pass the style in order as they maintained in description. 
a!richTextDisplayField( 
 value: a!richTextItem( 
 style: "EMPHASIS", 
 text: a!richTextItem( 
 style: "STRONG", 
 text: "sample text" 
 ) 
 ) 
 )

Zach Goldsby · Answer

This works, thank you! I should have thought to try this. You might be right about the style order matching the description. Whatever the case, thanks! I appreciate the help.

jacobm579 · Answer

I just tested that and it works properly on 17.3, but could be a bug that is specific to 17.1. I'd make sure that you saved your changes and that you are testing in the correct environment. After all of that, if the bug persists, I recommend submitting it to Appian.

ramp · Answer

Got required output like 
 
a!richTextDisplayField( 
value: a!richTextItem( 
style: "NEGATIVE", 
text: a!richTextItem( 
style: "LARGE", 
text: "sample text" 
) 
) 
) 
 
Thanks a lot.