Hi UX2016,
Welcome to Axure RP!
First, it looks like you have four box Groups in the repeater widget to accommodate for the four columns in your repeater dataset. This is unnecessary. You only need one box Group.
To clarify, the purpose of the repeater is that it’s a widget that can be used to display repeating patterns of data. Since this is precisely what you’re aiming to do (your repeater is displaying the same pattern of items, just in different columns), you should just keep one box Group containing Text Label_1, Rectangle_1, and Ellipse. Then, edit the “style” of the repeater so that it lists the items “horizontally” and wraps 4 items in a row:
Repeaters are an advanced feature of Axure RP, and so I’d strongly encourage you to go through our tutorials on the subject before diving in below:
Repeater Widget
Adding/Removing/Updating Items
Sort, Filter, and Paginate Repeaters
I am trying exactly the same solution provided here, but I am not getting any luck unfortunately. The checkboxes can’t show the Active ‘Remove Selected’ button that should show up when a check box is selected.
As Alyssa mentioned, you’ll want to have a type of listener widget where it checks for the value of the global variable via OnMove each time a checkbox item is selected or deselected. If that global variable equals a value of “0” each time it moves, then it will disable the button. A way to keep track of the value of the global variable is to increment the value of the variable by “1” each time a checkbox is selected, and similarly, decrement the value of the global variable by “1” each time a checkbox is deselected.
Also, I wonder can I use the same solution for ‘Select All’?
Yep, all you have to do is add an OnSelected event to the “Select All” checkbox where you set the selected of the checkbox in the repeater widget (“chkitem1”) to “true”. Then, add an OnUnselected event to the same checkbox where you set the selected of chkitem1 to “false”.
Finally, if the user clicks on ‘Remove Selected’, how can I show the same table of content but without the names that was removed? For example, if the user had removed 3 items, how can I show the table with the same content but without the 3 items removed?
This would fall under the umbrella of the repeater widget where its functionality allows you to mark, unmark, and delete rows. What you want to do is add an OnSelected event to the chkitem1 widget in the repeater to “mark rows This” where This is the selected row of the repeater. Then, add an OnUnselected event to the same chkitem1 widget where you “unmark rows This”. What this is doing is marking the specific checkbox item that gets selected, and unmarking the checkbox item that gets deselected. Lastly, add an OnClick to the Remove Selected Button where you “Delete Rows Marked” to delete the checkbox items that are “marked”.
The only other thing I noticed was that your repeater had its “Set Text on chkitem1 equal to [[Item.First]]” action on its OnLoad event, rather than its OnItemLoad event. You’ll want to move the “Set Text” action to the repeater’s OnItemLoad so that the repeater doesn’t draw blank each time you delete a row (each time you delete a row, the repeater refreshes).
I’ve attached an edited version of your file that should demonstrate the above steps. I hope it helps!
Example_Remove Functionality_EDIT.rp (78.3 KB)