UI design

RE: UI design

swarajd0001 — Thu, 02 Aug 2018 06:27:34 GMT

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)
)
}
)
}
)
)

RE: UI design

deviratnamv — Fri, 25 May 2018 09:39:54 GMT

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"
)
)
}
)
}

RE: UI design

ravalik — Tue, 15 May 2018 08:14:58 GMT

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

RE: UI design

Vinay Kumar Rai — Tue, 15 May 2018 07:45:31 GMT

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