Have a progress bar within a grid

RE: Have a progress bar within a grid

Vincent Mark — Thu, 08 Nov 2018 17:56:52 GMT

erics171 To answer the first question, YES it is possible to add a progress bar in an Editable Grid. The progress bar value is set in your data (a value between 0 and 100). As for the drag and drop grid, I do not believe there is an Appian out of the box (OOTB) feature available for that function.

load(
  local!goals: {
    {
      goal: "Finish Graduate Project",
      dueDate: date(
        2018,
        11,
        9
      ),
      progress: 50,
      status: "Open",
      startDate: today()
    },
    {
      goal: "Write a blog",
      dueDate: date(
        2018,
        11,
        9
      ),
      progress: 24,
      status: "Open",
      startDate: today()
    }
  },
  a!gridLayout(
    headerCells: {
      a!gridLayoutHeaderCell(
        label: "Goals"
      ),
      a!gridLayoutHeaderCell(
        label: "Due Date"
      ),
      a!gridLayoutHeaderCell(
        label: "Progress"
      ),
      a!gridLayoutHeaderCell(
        label: "Status"
      ),
      a!gridLayoutHeaderCell(
        label: "Since Start"
      )
    },
    rows: a!forEach(
      items: local!goals,
      expression: a!gridRowLayout(
        contents: {
          a!textField(
            readOnly: true,
            value: property(
              fv!item,
              "goal"
            )
          ),
          a!textField(
            readOnly: true,
            value: datetext(
              todate(
                property(
                  fv!item,
                  "dueDate"
                )
              ),
              "E, dd-MM-Y"
            )
          ),
          a!progressBarField(
            percentage: property(
              fv!item,
              "progress"
            )
          ),
          a!textField(
            readOnly: true,
            value: property(
              fv!item,
              "status"
            )
          ),
          a!textField(
            readOnly: true,
            value: with(
              local!sinceStart: tointeger(
                today() - todate(
                  property(
                    fv!item,
                    "startDate"
                  )
                )
              ),
              if(
                local!sinceStart = 0,
                "Today",
                local!sinceStart
              )
            )
          )
        }
      )
    )
  )
)

RE: Have a progress bar within a grid

hiennguyen — Thu, 08 Nov 2018 17:55:22 GMT

Hi erics171 ,

For the first question you can use the progress Bar component inside an editable grid.

For the second question you can probably use the a!webContentField (Appian >= 18.2) and embedded a third party tool and if you need to pass dynamic data to the tool you can dynamically do it in the source URL

Hope this help

RE: Have a progress bar within a grid

aaronp0001 — Fri, 02 Nov 2018 16:28:09 GMT

Looks like you probably want to be using the progress bar component (docs.appian.com/.../Progress_Bar_Component.html). Note that this can only be used in an EDITABLE grid and not a paging grid.

RE: Have a progress bar within a grid

Jerry Sylveus — Tue, 30 Oct 2018 14:23:36 GMT

Hey Eric please take a look at the following links. They should be able to help you.
docs.appian.com/.../Grid_Row_Component.html
docs.appian.com/.../Editable_Grid_Component.html

Regards,
Jerry