Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

how to center icon on notext button?

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

Ghayas Khan
Posts: 0
Joined: Wed Oct 30, 2013 10:08 pm

how to center icon on notext button?

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

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

how to center icon on notext button?

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.

Ghayas Khan
Posts: 0
Joined: Wed Oct 30, 2013 10:08 pm

how to center icon on notext button?

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

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

how to center icon on notext button?

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.

Ghayas Khan
Posts: 0
Joined: Wed Oct 30, 2013 10:08 pm

how to center icon on notext button?

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

Roger6240907
Posts: 0
Joined: Mon Sep 16, 2013 5:33 pm

how to center icon on notext button?

Thanks Maryna, that's exactly as I wanted.

Return to “Issues”