Best practices for table inline action display

Through trial and error the following is the best arrangement Iโ€™ve been able to come up with for displaying an inline action in a table. Iโ€™d like to explain my objective and see if this is indeed the best I can hope for.

2X_7_70de870a085153a953cc870a678c723e78bc4882.png

The user can reorder this table by tapping on either of the headings or reduce the number of items displayed by using a search term. The objective is to choose which words to study in a โ€œcramโ€ session. The user selects words for study by tapping on the blue box icon (which is an action) and this sets the โ€œCramโ€ column to โ€œon.โ€ A format rule changes the box to a checkmark.

It is important to be able to tap on the โ€œCramโ€ header so that the selected items can be displayed together and then unselected efficiently by tapping on the action.

2X_b_bc720a5d5b30cbf39991e682f293a45c229048e7.png

The current arrangement is acceptable to me but I have a few questions.

  1. Is there a way to have the action display alone (without the โ€œOnโ€ thumbnail or any other column) and still be able to reorder by tapping on a โ€œCramโ€ heading?

I donโ€™t really need to have the โ€œOnโ€ thumbnail. If I could get the box/check toggle to appear under the โ€œCramโ€ heading and still be able to reorder when "Cram is tapped, that would be ideal.

  1. Are there any tricks to controlling the width of columns?

I have used an โ€œOnโ€ pgn (the background of which is set to transparent) because Iโ€™ve found that a text column becomes much wider than I want it to be. I havenโ€™t found a good way to control the horizontal spacing with text columns and other types of columns but thumbnails donโ€™t take up much space so I used an โ€œOnโ€ thumbnail. If I could get a similar appearance with text, I think that might be better.

Thanks in advance for your consideration.

1 6 1,413
  • UX
6 REPLIES 6

How about if you sort the order with the table view definition? Then you could hide that Cram column.

Thanks but I would prefer to leave the capability to order either according to the record number or the word.

I agree that if it were only necessary to sort the table in one way my problem would be solved.

How about a png with just one transparent pixel instead of the On.png?
Or can you try text like " " ?
Or you try with text โ€œ.โ€ and with format rule you set the text size to 0.2 and uppercase.
Just ideasโ€ฆ

@Kirk_Masden In the Image Column you can put:
โ€œdata:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY/j//z8ABf4C/qc1gYQAAAAASUVORK5CYII=โ€
This is the base64 code for a transparent png with the size 1x1 pixel.

After that you can control the column width by changing the Display Name. Itโ€™s as wide as the column Display Name.

I tried this but I could get it to work. It seems that the width of image columns in table view is predetermined.

Wow! Sorry Iโ€™m so late to respond. Iโ€™ll look into this. Thanks!!

Top Labels in this Space