load(  
  local!pagingInfo: a!pagingInfo(
    startIndex: 1,
    batchSize: 5,
    sort: a!sortInfo(
      field: "appId"
    )
  ),  
  local!selectedAppId,
  with(
    local!datasubset: todatasubset(
      ri!applicationsInProject,
      local!pagingInfo
    ),
    local!dataForCurrentPage: local!datasubset.data,    
    {
      a!gridField(
        label: "Grid contents",
        totalCount: local!datasubset.totalCount,
        columns: {
          a!gridTextColumn(
            label: "Name",
            field: "appId",
            data: index(
              local!dataForCurrentPage,
              "applicationName",
              null
            ),
            alignment: "LEFT",
            links: apply(
              a!dynamicLink(
                value: _,
                saveInto: local!selectedAppId
              ),
              index(
                local!dataForCurrentPage,
                "appId",
                null
              )
            )
          ),
          a!gridImageColumn(
            label: "",
            data: apply(
              a!documentImage(
                document: if(
                  _,a!iconIndicator(
                    "PROGRESS_RUNNING"
                  ),
                  a!iconIndicator(
                    "PROGRESS_PAUSED"
                  )
                )             
              ),
              index(
                local!dataForCurrentPage,
                "isActive",
                null
              )
            ),
            size: "ICON"
          )
        },
        value: local!pagingInfo,
        saveInto: local!pagingInfo
      )
    }
  )
)