Forum | Appery.io

Hello! Could you clarify what do you mean on "icons with functions"?

Thanks for your kind reply. Basically i am working on a research project. I do some usability studies on Icons from different phones. I derived few design guidelines, now i need to build a prototype based on the guidelines.
I hope it will be clear to you now.
Thanls

Hi,

Could you please describe in detail what you want to implement? Are there buttons of different size or something else? It would be great if you could provide screenshots.

Thanks for your reply. Basically i conducted a research as part of my study. In first part i conducted study on icon interpretability. I choosed icons from different mobile phones (IOS,Andriod). Now after analysis i derived some guidelines. For example if we need to design google icon it should contain 'G' on it. etc etc
Basically i want to build a prototype for adaptive icons (Icons fits to users needs) they can enlarge it etc etc. I want to run prototype on Andriod platform.
I am drawing screen shots and will soon update you.
If its not clear i will explain it to you more.

Than

Hi Ghayas,

You can add 2 components to the page: Input and Button. For Input "Value change" event add the following handlers:

1. Set local storage variable, specifying Variable name: buttonName, Target Component: mobiletextinput, Property name: Text

2. Set property, Component name: mobilebutton, Property name: Text, Variable: buttonName

   where mobiletextinput is an Input name
   mobilebutton - name of the Button

   When you change the Input value (or loss of focus from an element), the button value will be changed. The same can be done with the buttons size, you only have to change the point number 2: preAppery("mobilebutton").css("width", localStorage.getItem("buttonWidth") + "px");/preWhere buttonWidth is another variable of the 2nd Input.

Thank you so much for your detailed reply, I will do it accordingly.
Thanks for your co-operation

Thanks Maryna, that's exactly as I wanted.