Home/ Questions/Q 8153799
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T16:08:15+00:00

So while testing on my computer it works just fine, but as soon I

  • 0

So while testing on my computer it works just fine, but as soon I test it on my phone it breaks… 

<%: Html.ActionLink("About", "About", "Home", null, new { data_role = "button", data_iconpos = "right", data_icon = "arrow-r", data_shadow = "false", @class = "arrowButton" })%>

That successfully renders a hyperlink styled like a button, and when pressed on my phone gives the appropriate feedback to let me know I pressed it. However this button here 

<a id="submitBtn" href="" data-role="button" data-theme="b" onclick="$('#formControl').submit();" >Sign In</a>

and EVERY OTHER BUTTON on the site (this was originally an input with type=”submit” on it, but I changed it to make as much the same between the 2 as possible) won’t show any feedback when you press them on my phone. Any ideas why this might be happening?

tl:dr Hyperlinks visually show clicks on my phone but buttons don’t.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Based on the statement

    Hyperlinks visually show clicks on my phone but buttons don’t.

    I think I know your problem.
    See this fiddle http://jsfiddle.net/nachiket/wBe9M/

    <button data-role="button">Button with data role</button>            
<button>Button without data role</button>

    When you specify data-role for button, it doesn’t show button highlight or pressed animation, as data-role is not needed for button.

    • 0