How to create a multi-select dropdown list with checked items being moved to the top of the list?

I have looked at some examples on axure forum but I cannot seem to find any examples or how to work out an issue I am having. What I would like is if a user checks/selects an item on the list then the item gets moved to the top of the list with a line separating it. And if the user decides to uncheck then the item goes back to the list.

Anyone have any tips or ideas?

1 Like

Here’s the approach I would try:

  • Create your droplist using a repeater
  • Place a checkbox in the repeater (let’s say it is named “listCheckbox”)
  • Include a column named, “Checked” in the repeater’s dataset
    • Use a char/hash/value to use if the checkbox is checked or not. Could be “1” or “true” or “Y” --whatever.
    • In Item Loaded include a case that tests
      If [[Item.Checked]] equals "1" set selected of listCheckbox to "true"
  • In the Selected event of listCheckbox, add an action to
    Update This row to "1" ; Add Sort to repeater: column "Checked", descending
  • In the Unselected event of listCheckbox, add an action to
    Update This row to "0" ; Add Sort to repeater: column "Checked", descending