indicating the status half way between 2 values in milestone function or any other function.

Certified Associate Developer

so I need to indicate the status completed between 2 values so I want to show that value 1 is completed and it is proceeding towards value 2 for this it should be between these 2 values . I am using milestone function but in it either it is at value 1 or value 2 .

Is there any other function or any way using the same milestone function I can do this .

  Discussion posts and replies are publicly visible

Parents
  • You can create a custom milestone and keep two section layout dividers in between the two milestones, adjacent to ear other. Color one on the left with ACCENT and right with SECONDARY. That way, you will be able to indicate that it is in middle of 1 and 2

  • a!columnsLayout(
      alignVertical: "MIDDLE",
      spacing: "NONE",
      columns: {
        a!columnLayout(
          width: "EXTRA_NARROW",
          contents: { a!stampField(text: 1, size: "SMALL") }
        ),
        a!columnLayout(
          contents: a!sectionLayout(
            divider: "BELOW",
            dividerColor: "ACCENT",
            dividerWeight: "MEDIUM"
          )
        ),
        a!columnLayout(
          contents: a!sectionLayout(divider: "BELOW", dividerWeight: "MEDIUM")
        ),
        a!columnLayout(
          width: "EXTRA_NARROW",
          contents: {
            a!stampField(
              text: 2,
              size: "SMALL",
              contentColor: "STANDARD",
              backgroundColor: "SECONDARY"
            )
          }
        ),
    
      }
    )

Reply
  • a!columnsLayout(
      alignVertical: "MIDDLE",
      spacing: "NONE",
      columns: {
        a!columnLayout(
          width: "EXTRA_NARROW",
          contents: { a!stampField(text: 1, size: "SMALL") }
        ),
        a!columnLayout(
          contents: a!sectionLayout(
            divider: "BELOW",
            dividerColor: "ACCENT",
            dividerWeight: "MEDIUM"
          )
        ),
        a!columnLayout(
          contents: a!sectionLayout(divider: "BELOW", dividerWeight: "MEDIUM")
        ),
        a!columnLayout(
          width: "EXTRA_NARROW",
          contents: {
            a!stampField(
              text: 2,
              size: "SMALL",
              contentColor: "STANDARD",
              backgroundColor: "SECONDARY"
            )
          }
        ),
    
      }
    )

Children
No Data