0

We have some buttons that are not responsive on iPhone and Apple touch devices.

They use the following written in VB:

<div class="btn-group admin" data-id="Admin">
        <a class="custom-open-close" data-toggle="dropdown" href="#">Admin</a>
        <ul class="custom-dropdown-menu">
            <li><%: Html.ActionLink("page 1", "page 1", "model")%></li>
            <li><%: Html.ActionLink("page 2", "page 2", "Model")%></li>
            <li class="divider-line"></li>                
        </ul>
    </div>

Firstly, I have found this is awesomefont plugin, that a colleague who left had customised. I thought that changing to would resolve the matter, and it did resolve for iPhones. However, it broke the dropdowns on IE.

Two questions: 1, Is this the correct way to have a drop down? I cannot find the source of any classes 2, Is there a way to check the browser and load the page either div or button?

Or is there something I have done wrong?

David Milloy Strachan
  • 33
  • 6
  • Why is this VBA related? – Moritz Schmitz v. Hülst Jul 01 '15 at 14:46
  • Maybe my understanding, it is written in Language = VB, changed subject to remove VBA – David Milloy Strachan Jul 01 '15 at 14:49
  • I have tried: http://stackoverflow.com/questions/15280596/css-div-buttons-not-working-on-iphone-or-ipad This has resulted in IE not working. – David Milloy Strachan Jul 02 '15 at 09:57
  • Hi, we need to see your html markup that is generated from MVC backend. Select View>Source from desktop IE to inspect the markup. I expect that since hyperlinks are inline the focus rect does not fill the parent
  • .... or your vML generated markup is not using a href value ...links will first use the href value for the navigation event handling. a scripted link looks like page 1... you should also use a default target="_self" for frameless browsers like Safari iOS.
    • – Rob Parsons Jul 03 '15 at 05:50
  • Admin This is the source, from IE the dropdowns work on hover. – David Milloy Strachan Jul 03 '15 at 16:27