Toggle Sort & Unsort Button

[Lola]

Hello all,

I have a a button bar that sort and unsort my material. What I would like is,  I want the icons to show alternately if I do sort and unsort.  

Please see attached file.

Thank you so much.

 

Sort.fmp12

Edited August 2, 2016 by Lola

[webko]

What do you mean by that? You want a different icon to show if it is Sorted vs Unsorted on each column? Or only the column that is Sorted to show?

[Lola]

Yes I want a different icon that will show if it is sorted vs unsorted, like for example if i click the my material code it will show the icon AZ with arrow down and if I click it again it will show the icon AZ with arrow up (its already on the icons).

thanks

 

[webko]

OK - then you need a second icon for each of the buttons, and use the Hide Object When... section of the Data part of Inspector - the attached shows this for Materials, and I've placed the two icons a bit apart from demonstration purposes.

You would place them directly over the top of each other to make it look seamless

Personally, I wouldn't use a field to track the sort order, but that's a matter of taste...

Sort_alternateIcons.fmp12.zip

Edited August 2, 2016 by webko

[Fitch]

You said "button bar" in the original post. Are you using FileMaker 11 as your profile says? Apparently not if the format is fp12. Please update your profile, it helps to answer your question appropriately.

With the (FM14) button bar, you can achieve the same effect a little more cleanly -- you'd still use two button segments, but at least wouldn't have to stack them.

[webko]

The OP file was a FM14/15 file - I haven't used either very much yet, so could you expand upon that Fitch? I just duped one of the button bar objects and stacked....

[Lola]

Hello,

Profile updated...how can I make the other material name button not showing if I will click the material code button.

 

thanks

[Lola]

Please comment to my final file for improvement

 

thank you

Sort.fmp12

[Fitch]

Looks OK but the icons are the reverse of the actual sort order.

 

[bruceR]

It seems conceivable that that is the desired result.

 "Click button to sort like this."

[comment]

4 hours ago, BruceR said:

It seems conceivable that that is the desired result.

 "Click button to sort like this."

Interesting point:
http://ux.stackexchange.com/a/38660

 

Edited August 5, 2016 by comment

[Fitch]

For buttons, future action makes sense. For column headers though, I believe UI convention very strongly favors sort indicators -- i.e., indicate the current sort state.

Google's material design specs for example (emphasis mine): "If column sorting is enabled, sort the most important data by default and display a sorted state in the column header. If the user clicks on a column that is already sorted, reverse the sort order and rotate the sort icon. "