dynamic link label style

Question

I want add a color and text style to add row dynamic link label using in editable grid . how can i change the color ?

Vinay Katta · Answer

We can comment out the addRowLink parameter and add a rich text component below the grid. You can try this out in a sample interface a!localVariables(
 local!employees: {
 a!map(
 id: 1,
 firstName: "John",
 lastName: "Smith",
 department: "Engineering",
 title: "Director",
 phoneNumber: "555-123-4567",
 startDate: today() - 360
 ),
 a!map(
 id: 2,
 firstName: "Michael",
 lastName: "Johnson",
 department: "Finance",
 title: "Analyst",
 phoneNumber: "555-987-6543",
 startDate: today() - 360
 ),
 a!map(
 id: 3,
 firstName: "Mary",
 lastName: "Reed",
 department: "Engineering",
 title: "Software Engineer",
 phoneNumber: "555-456-0123",
 startDate: today() - 240
 ),
 
 },
 a!formLayout(
 label: "Example: Add,Update, or Remove Employee Data",
 contents: {
 a!gridLayout(
 totalCount: count(local!employees),
 headerCells: {
 a!gridLayoutHeaderCell(label: "First Name"),
 a!gridLayoutHeaderCell(label: "Last Name"),
 a!gridLayoutHeaderCell(label: "Department"),
 a!gridLayoutHeaderCell(label: "Title"),
 a!gridLayoutHeaderCell(label: "Phone Number"),
 a!gridLayoutHeaderCell(label: "Start Date", align: "RIGHT"),
 a!gridLayoutHeaderCell(label: "")
 },
 columnConfigs: {
 a!gridLayoutColumnConfig(width: "DISTRIBUTE", weight: 3),
 a!gridLayoutColumnConfig(width: "DISTRIBUTE", weight: 3),
 a!gridLayoutColumnConfig(width: "DISTRIBUTE", weight: 3),
 a!gridLayoutColumnConfig(width: "DISTRIBUTE", weight: 3),
 a!gridLayoutColumnConfig(width: "DISTRIBUTE", weight: 3),
 a!gridLayoutColumnConfig(width: "DISTRIBUTE", weight: 2),
 a!gridLayoutColumnConfig(width: "ICON")
 },
 rows: a!forEach(
 items: local!employees,
 expression: a!gridRowLayout(
 contents: {
 a!textField(
 label: "first name " & fv!index,
 value: fv!item.firstName,
 saveInto: fv!item.firstName,
 required: true
 ),
 a!textField(
 label: "last name " & fv!index,
 value: fv!item.lastName,
 saveInto: fv!item.lastName,
 required: true
 ),
 a!dropdownField(
 label: "department " & fv!index,
 placeholder: "-- Select -- ",
 choiceLabels: {
 "Corporate",
 "Engineering",
 "Finance",
 "Human Resources",
 "Professional Services",
 "Sales"
 },
 choiceValues: {
 "Corporate",
 "Engineering",
 "Finance",
 "Human Resources",
 "Professional Services",
 "Sales"
 },
 value: fv!item.department,
 saveInto: fv!item.department,
 required: true
 ),
 a!textField(
 label: "title " & fv!index,
 value: fv!item.title,
 saveInto: fv!item.title,
 required: true
 ),
 a!textField(
 label: "phone number " & fv!index,
 placeholder: "555-456-7890",
 value: fv!item.phoneNumber,
 saveInto: fv!item.phoneNumber
 ),
 a!dateField(
 label: "start date " & fv!index,
 value: fv!item.startDate,
 saveInto: fv!item.startDate,
 required: true,
 align: "RIGHT"
 ),
 a!richTextDisplayField(
 value: a!richTextIcon(
 icon: "close",
 altText: "delete " & fv!index,
 caption: "Remove " & fv!item.firstName & " " & fv!item.lastName,
 link: a!dynamicLink(
 value: fv!index,
 saveInto: {
 a!save(
 local!employees,
 remove(local!employees, save!value)
 )
 }
 ),
 linkStyle: "STANDALONE",
 color: "NEGATIVE"
 )
 )
 },
 id: fv!index
 )
 ),
 rowHeader: 1
 ),
 a!richTextDisplayField(
 value: a!richTextItem(
 text: " + Add Employees",
 link: a!dynamicLink(
 label: "Add Employee",
 value: { startDate: today() + 1 },
 saveInto: {
 a!save(
 local!employees,
 append(local!employees, save!value)
 )
 }
 ),
 color: "POSITIVE",
 style: "STRONG",
 linkStyle: "STANDALONE",
 
 )
 )
 },
 buttons: a!buttonLayout(
 primaryButtons: a!buttonWidget(label: "Submit", submit: true)
 )
 )
)