UI design

Hi,

For showing the bullet in red color in Appian is not possible, so I used unicode character to achieve the bullet in red color.

=load(
  local!Employee:{"AAAAA","BBBBB","CCCC"},
  
  a!richTextDisplayField(
    value:
    {
     a!richTextItem(
       text:"List of ",
       style:"NEGATIVE"
     ),
     a!richTextItem(
       text:a!richTextItem(
              text:a!richTextItem(
                     text:"employees",
                     style:"NEGATIVE"
                   ),
              style:"UNDERLINE"
            ),
       style:"STRONG"
     ),
     a!richTextItem(
       text:char(10)
     ),
     a!forEach(
        items:local!Employee,
        expression:
         {
              a!richTextItem(
                  style:"NEGATIVE",
                  text:a!richTextItem(
                         text:char("•"),
                         style:"STRONG"
                       )
                ),
               a!richTextItem(
                 text:"  "
               ),
              a!richTextItem(
                  style:"NEGATIVE",
                  text:a!richTextItem(
                        text:a!richTextItem(
                               text:a!richTextItem(
                                      text:fv!item,
                                      style:"EMPHASIS"
                                    ),
                               style:"UNDERLINE"
                             ),
                        style:"STRONG"
                      )
                ),
             a!richTextItem(
                 text:char(13)
               )
        }
     )
    }
  )
)

 

Thanks

Vinay

Hi digantas,

As Vinay said to obtain the bullets in red colour unfortunately it is not possible in Appian .But to get the bullets you can use a!richTextBulletedList.

Thanks,
ravalik

Hi ,
I hope below code is help to you....

{
a!richTextDisplayField(
value: {
a!richTextItem(
text: "List of",
style: "NEGATIVE"
),
a!richTextItem(
style: "NEGATIVE",
text: {
a!richTextItem(
style:"EMPHASIS",
text:
a!richTextItem(
text: " Employee",
style:{ "UNDERLINE"}
)
)
}
)

}
),
a!richTextDisplayField(
value: {
a!richTextIcon(
icon: "circle",
color: "NEGATIVE"
),
a!richTextItem(
style:"EMPHASIS",
text:
a!richTextItem(
text:" Tushar",
style: "NEGATIVE"
)
)
}
),
a!richTextDisplayField(
value: {
a!richTextIcon(
icon: "circle",
color: "NEGATIVE"
),
a!richTextItem(
style: "EMPHASIS",
text:

a!richTextItem(
text:" Pawan",
style: "NEGATIVE"
)
)
}
)
}

Please find the below code


=load(
local!Employee:{"AAAAA","BBBBB","CCCC"},

a!richTextDisplayField(
value:
{
a!richTextItem(
text:"List of ",
style:"STRONG",
color :"NEGATIVE"
),

a!richTextItem(
text:a!richTextItem(
text:a!richTextItem(
text:"Employees",
style:"UNDERLINE",
color :"NEGATIVE"
),
style:"UNDERLINE"
),
style:"STRONG"
),
a!richTextItem(
text:char(10)
),
a!forEach(
items:local!Employee,
expression:
{
a!richTextItem(
style:"UNDERLINE",
color :"NEGATIVE",
text:a!richTextItem(
text:char("•"),
style:"STRONG"
)
),
a!richTextItem(
text:" "
),
a!richTextItem(
style:"UNDERLINE",
color :"NEGATIVE",
text:a!richTextItem(
text:a!richTextItem(
text:a!richTextItem(
text:fv!item,
style:"EMPHASIS"
),
style:"UNDERLINE"
),
style:"STRONG"
)
),
a!richTextItem(
text:char(13)
)
}
)
}
)
)