UI design

 

Can we achieve this in an interface?Only the red part. I need underline only under EMPLOYEES. Bullet must be of red color.

 

Thanks in advance.

  Discussion posts and replies are publicly visible

Parents
  • 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)
    )
    }
    )
    }
    )
    )
Reply
  • 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)
    )
    }
    )
    }
    )
    )
Children
No Data