How to make global navigation in SharePoint work in iPad

Hi,
We have a requirement to support our SharePoint application in iPad. Everything else is working fine except for global navigation. We are using the OOTB global navigation where subsites are being displayed as global navigation links onmouseover event.
(we have not created nodes manually).
However, in iPad, there is no mouseover event. So the dropdown links are not getting displayed. Onclick of topnavigation, it redirects to the URL of the site.
Please help.
Regards,
Vijay

Hi Vijay,
According to your description, my understanding is that you want to use global navigation in SharePoint with iPad.
For achieving it, you can add the following JQuery into each one page or your master page:
$(document).ready(function(){
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
$(".s4-tn .menu-horizontal ul.root li.dynamic-children a.dynamic-children").bind('touchstart',function(e){
var position = $(this).next().position();
if(eval(position.left < -1))
$(this).click(function(c){
c.preventDefault();
else
var location = $(this).attr("href");
window.location = location;
More information, please refer to the link:
http://tommdaly.wordpress.com/2011/11/10/ootb-navigation-fix-to-support-ipad-i-devices/
I hope this helps.
Thanks,
Wendy
Wendy Li
TechNet Community Support

Similar Messages

  • Is their any tutorials on how to make a navigation bar with drop downs in Dreamweaver CC now ?

    Is their any tutorials on how to make a navigation bar with drop downs in Dreamweaver CC now that they do not have the spry option?

    bbull2005 wrote:
    Preran, why wouldn't Dreamweaver include it's own menu/navigation bar widget?
    I can't answer on Preran's or Adobe's behalf, but I think you'll find at least part of the answer here: http://wiki.jqueryui.com/w/page/38666403/Menubar
    Adobe decided to discontinue development of Spry in August last year, and Dreamweaver CC made the switch to using jQuery UI widgets and effects. One reason for dropping Spry was that it failed to work correctly in some browsers. Judging from the fact that the jQuery UI menubar is now "on ice", creating a flyout menu that works reliably across all devices is proving more difficult than originally envisaged.
    Because all other widgets in Dreamweaver CC use jQuery UI, it's a reasonable assumption that Adobe hoped the jQuery UI menubar would be ready in time, but it wasn't.

  • How to make site root-relative links work in DW and Server both?

    See details on buggy DW image link behavior, below. My question is:
    1) how to make site root-relative links work in DW and Server both? Or…
    2) how to reliably automate the change of several hundred legacy root-relative links of the form
    /images/image.jpg  to document-relative?
    That is, to
    ../images/image.jpg or
    ../../images/image.jpg or
    ../../../images/image.jpg etc…depending on where the directory is.
    The old format (/images/image.jpg ) used to work fine in my previous DW 8 configuration but appear grey in DW after “upgrading” to DW cs5.5 mac. (they look fine on the server, but it’s hard to edit image-heavy pages locally when they are all grey).
    I tried changing the files to how DW creates root relative links now:
    /public_html/images/image.jpg, which is a very easy, attractive root flow since there’s a one-to-one mapping. These look great in DW but are broken on the server!
    I looked at the “advanced” site setup, and it looked like it might be possible to nuke the /public_html/ part of my server info…but it also looked like there was the potential for doing damage changing these settings, which are automatically generated from our server connection settings, which seem to work.
    The “links relative to document/ site root” toggle…does that change how DW interprets existing links, or just change the default when you are adding a link?  I have made 80% of the file links document relative…before wondering if root-relative isn’t better?
    It sure seems less ambiguous for all those images if theres a way to make root relative work for DW design view, DW link check, and server.
    Summary of buggy behavior: (see test with images here)
    "old style" site root link
          /images/img_book/WScover120x150_NEW.jpg
          Design veiw in DW: broken (grey w/ broken icon)
          Link check in DW: "external link" (i.e., uncheckable, + file could appear orphaned)
          Browser: good
          Ease of switching: n/a (existing format)
    "new style" site root relative link
          /public_html/images/img_book/WScover120x150_NEW.jpg
          Design veiw in DW: good
          Link check in DW: good
          Browser: broken
          Ease of switching: easy
    Document relative link
          ../../images/img_book/WScover120x150_NEW.jpg
          Design veiw in DW: good
          Link check in DW: good
          Browser: good
          Ease of switching: hard (how to automate?)
    Absolute link
          http://www.oasisdesign.net/images/img_book/WScover120x150_NEW.jpg
          Design veiw in DW: broken (grey w/ broken icon)
          Link check in DW: external (i.e., uncheckable, + file could appear orphaned)
          Browser: good
          Ease of switching: n/a...not a real option
    Thanks!
    Similar discussion on "/"

    Hello again Jon!
    Thanks for jumping on this.
    All clear and understood about where publc_html is etc.
    No contemplation of nuking the actual public_html directory on the server, just the "/public_html" text string at the start of the DW-generated links.
    "/public_html" is automatically added to the front of the link in DW if I create the link with any of the GUI tools, if I have "site root relative" selected. And ""/public_html" ends up in the code, and gets uploaded that way to the server, where it (obviously) doesn't work.
    Doesn't sound like it is supposed to work this way. Also, what seems to be the usual root relative format (/images/image.jpg) shows as a broken link in the GUI and an external link in the DW link check. All this togther makes me thinkI have some obscure setting incorrect?
    The setting that caught my eye is manage sites/ site setup/ advance settings/ local info/ web url,  which is automatically set to http://www.oasisdesign.net/public_html/
    it gives an option to change it but it makes every effort to make this NOT look like something users should mess with:
    Having gone through the more careful thought process during this post, I'm ready to do the experiment of changing the remote server web URL (why is it wrong by default?)...think I'll eat dinner first so there's 45 min to avert disaster if anyone knows this to be a bad idea!
    Art
    PS--don't  have a local testing server...don't think this will solve the GUI broken link/ link shows as external problems.
    Is there an easy, automated way to change links sitewide from document to root relative?

  • Has anyone figured out how to make the Yamaha 01V96i mixer work with Logic 9.1.8

    Has anyone figured out how to make the Yamaha 01V96i mixer work with Logic 9.1.8 as a control surface ?

    In YAMAHA01v96i:
    Go to DIO/SETUP select Generic DAW. Go to MIDI settings page and set the desired port (personally I use Number 1), Select the same audio frequency you use in your DAW (I use 44.1KhZ)...at this point You should save a scene in you 01V96i to avoid to repeat all the procedure again.
    Open studio manager, go to patch and set the input port from 17 to 32 respectively to USB1-USB16 (this will give you the return from you DAW to the 01v96i
    Save again the scene overwriting the old one.
    in LOGIC
    Click on preferences, select Audio then select 01v96i, then click on control surface and select Mackie design Baby HUI and in the midi session set the same port that you've been setting on the Yamaha 01V96i (Port 1 if you follow this example).
    That's more or less it.
    It worked for me...so far

  • How to make the same code that works only?

    how to make the same code that works only?
    code:
    Form2.Close = Me.Enabled = true
    effect such as this code

    I have this code:
    Public Class Form1
    Private Sub Button4_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button4.Click
    Form2.Show()
    Me.Enabled = False
    End Sub
    Private Sub Button5_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button5.Click
    Form3.Show()
    Me.Enabled = False
    End Sub
    End Class
    he wants to after closing Form2 and Form3 unblocked the whole form1
    it means that:
    when I click the button, displays the himself form2 and blocks himself form1" and after closing Form2 , unlocks himself Form1"
    the same with Form3

  • HT4623 iPad 3 how can l gets the SIM card works With iPad 3

    As all we know its christmas time l just received the gift for iPad 3 &amp; l notice that it need SIM card for me to use as the phone &amp; data,how can l gets the SIM card works With iPad 3

    Remember am in South Africa &amp; we got few carrier nets am in MTN provide &amp; I c my sim looks so big to fit on my iPad

  • How to make custom icc color profile work as default for all users?

    Hi!
    I've calibrated two monitors for the machine running Mavericks OS X. I've managed to move these custom icc color profiles to ColorSync folder in HDD Library, so that that they are available for all the users. However, I cannot figure out how to make these icc profiles work as default profiles for all users and not only the one I used to calibrate monitors.
    Is there a specific place I have to put custom icc profile to make it system default?
    Thank you!

    If you put the profiles in the root /Library/ColorSync/Profiles/ folder, then each user needs to select them in their account. There isn't a way to apply them globally so each account automatically comes up that way.

  • How to add global navigation to ui:insert and ui:include components?

    Hi,
    I'm new to JSF and trying to add global navigation rules to some imported UI: Components, while I've managed to add Global rules for the pages such as say index.xhtml and and contact.xhtml (which) is in a folder called content by i.e., adding the following in faces-config.xml
    <faces-config>
            <navigation-rule>
                <from-view-id>*</from-view-id>
                <navigation-case>
                    <from-outcome>contact</from-outcome>
                    <to-view-id>/content/contact.xhtml</to-view-id>
                </navigation-case>
            </navigation-rule>
        </faces-config> which works fine and the page will off course be found from anywhere in the project how, I've also got a folder called components, which include the header and footer etc. to include in every file, and then want to be able to also create global navigation rules for each component and had also tried adding e.g., this to the faces-config.xml file......
    <faces-config>
            <navigation-rule>
                <from-view-id>*</from-view-id>
                <navigation-case>
                    <from-outcome>header</from-outcome>
                    <to-view-id>/components/header.xhtml</to-view-id>
                </navigation-case>
            </navigation-rule>
        </faces-config>And then I would of had hoped and assumed that I would be possible to use the following anywhere to access the components from the components folder
    <ui:insert name="header" />
    or
    <ui:insert name="header"></ui:insert>
    however I can only still access the component with i.e.,
    <ui:insert name="header">
                <ui:include src="components/header.xhtml"/>
    </ui:insert> And this would be no good in the subfolders only from the outer index.xhtml could this be obtained, the project structure is as follows - hope someone can help please?
        Web Pages
               |
               |_____WEB-INF
               |
               |_____components-------header.xhtml etc.
               |
               |_____content-------contact.xhtml etc.
               |                              |------------images
               |_____resources----------------|------------js
               |                              |------------style ------style.css etc.
               |_____index.xhtml
         here's web.xml & faces-config.xml
    <?xml version="1.0" encoding="UTF-8"?>
    <web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
        <display-name>RenewableOptions.Org</display-name>
        <description>Simple Registration Application</description>
        <context-param>
            <description>
            </description>
            <param-name>javax.faces.PROJECT_STAGE</param-name>
            <param-value>Development</param-value>
        </context-param>
        <!-- Faces Servelet -->
        <servlet>
            <servlet-name>Faces Servlet</servlet-name>
            <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
            <load-on-startup>1</load-on-startup>
        </servlet>
        <servlet-mapping>
            <servlet-name>Faces Servlet</servlet-name>
            <url-pattern>/main/*</url-pattern>
        </servlet-mapping>
        <welcome-file-list>
            <welcome-file>main/index.xhtml</welcome-file>
        </welcome-file-list>
    </web-app>
    <faces-config version="2.0"
                  xmlns="http://java.sun.com/xml/ns/javaee"
                  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
                  xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd">
        <faces-config>
            <navigation-rule>
                <from-view-id>*</from-view-id>
                <navigation-case>
                    <from-outcome>index</from-outcome>
                    <to-view-id>/index.xhtml</to-view-id>
                </navigation-case>
            </navigation-rule>
        </faces-config>
        <faces-config>
            <navigation-rule>
                <from-view-id>*</from-view-id>
                <navigation-case>
                    <from-outcome>footer</from-outcome>
                    <to-view-id>/components/footer.xhtml</to-view-id>
                </navigation-case>
            </navigation-rule>
        </faces-config>
        <faces-config>
            <navigation-rule>
                <from-view-id>*</from-view-id>
                <navigation-case>
                    <from-outcome>header</from-outcome>
                    <to-view-id>/components/header.xhtml</to-view-id>
                </navigation-case>
            </navigation-rule>
        </faces-config>
        <faces-config>
            <navigation-rule>
                <from-view-id>*</from-view-id>
                <navigation-case>
                    <from-outcome>leftCol</from-outcome>
                    <to-view-id>/components/leftCol.xhtml</to-view-id>
                </navigation-case>
            </navigation-rule>
        </faces-config>
        <faces-config>
            <navigation-rule>
                <from-view-id>*</from-view-id>
                <navigation-case>
                    <from-outcome>navigation</from-outcome>
                    <to-view-id>/components/navigation.xhtml</to-view-id>
                </navigation-case>
            </navigation-rule>
        </faces-config>
        <faces-config>
            <navigation-rule>
                <from-view-id>*</from-view-id>
                <navigation-case>
                    <from-outcome>rightCol</from-outcome>
                    <to-view-id>/components/rightCol.xhtml</to-view-id>
                </navigation-case>
            </navigation-rule>
        </faces-config>
        <faces-config>
            <navigation-rule>
                <from-view-id>*</from-view-id>
                <navigation-case>
                    <from-outcome>blog</from-outcome>
                    <to-view-id>/content/blog.xhtml</to-view-id>
                </navigation-case>
            </navigation-rule>
        </faces-config>
        <faces-config>
            <navigation-rule>
                <from-view-id>*</from-view-id>
                <navigation-case>
                    <from-outcome>contact</from-outcome>
                    <to-view-id>/content/contact.xhtml</to-view-id>
                </navigation-case>
            </navigation-rule>
        </faces-config>
    </faces-config>

    Found solution -
    just need to add ../componets/header.xhtml
    etc. when using the rule in the subfolders....

  • Outlook 2010 - how to make "global address list" display larger?

    Does anyone know how to make the "global address list" box and text appear larger in Outlook 2010? 
    Thanks

    What do you mean? Can you please explain in detail?
    Blog |
    Get Your Exchange Powershell Tip of the Day from here

  • How to make the print, email button work in PDF output

    Hello,
    I'm using LC  Designer ES2 to create a xdp form with print, email and httpSubmit  button. Then using LC server to generatePDF output, binding with xml  dynamically. But after that I got the static pdf file and none of the  button work,
    I really need help on how to make it work. Any configuration, plug-in....
    Thanks,

    Hi,
    This is solved by note 1281208.
    Thanks,
    Edited by: Zhijie Kong on May 24, 2011 6:06 PM

  • How to make Oracle BI Mombile to work when  SSO is implemented in BI?

    Hi folks:
    I have SSO enabled in my OBIEE 11.1.1.6.6 . Its is working fine from IE/Firefox Browser/Chrome.
    Before implementing SSO ipad app was running perfectly fine.. but now Its not getting connected...prompt for username and password all the time.
    I am aware of SSO limitation of Ipad. Hence I tried connecting with SSO switch OFF in Ipad....in none of the ways actually is working :-(
    For SSO ...I'm using AD Authentication with Kerberos.
    So is there any configuration I am missing somewhere to allow Oracle Mobile to work when SSO is configured for BI?
    Below is what I am using to connect:
    Host: xxx.yyy.com (also tried with IP address)
    Port: 9704
    SSL – Off
    SSO – Off (also tried setting to ON)
    Username: my username
    Pass: my password
    Save Pw: On
    Device Locale: On
    Analytics Path: /analytics/saw.dll
    Publisher Path: /xmlpserver
    Any feedback will be really appreciated ...I'm really stuck on this ... or if you faced this and had to implement a workaround ... please let me know.
    Thanks a lot!
    Matias

    Hi: I tried that and got the following error message.
    "Error 401--Unauthorized
    From RFC 2068 Hypertext Transfer Protocol -- HTTP/1.1:
    10.4.2 401 Unauthorized
    Te request requires user authentication. Te response MUST include a WWW-Autenticate header field (section 14.46) containing a challenge applicable to the requested resource. The client MAY repeat the request with a suitable Authorization header field (section 14.8). If the request already included Authorization credentials, then the 401 response indicates that authorization has been refused for those credentials. If the 401 response contains the same challenge as the prior response, and the user agent has already attempted authentication at least once, then the user SHOULD be presented the entity that was given in the response, since that entity MAY include relevant diagnostic information. HTTP access authentication is explained in section 11."
    Again this was after SSO configuration. I have no way to bypass SSO based on the current configuration ... so not sure how to solve that in order to make it work from iPAD and also from the IOS application.
    Any thoughts?
    Thanks!
    Matias

  • How to make a navigation for a scroll-down website?

    Hello, I created a one-page website, where you need to scroll down to see the different types of content.
    But how do I add a navigation on it?
    As example, the "About" part is somewhere in the middle of the page, how can I make a navigation which will scroll down automaticly to the "About" part when I click on it?
    I think you know what I mean.
    Greetings

    Use anchor links for the purpose - http://tv.adobe.com/watch/muse-feature-tour/muse-create-anchor-links/.
    Also check this out - http://www.musegrid.com/adobe-muse-tutorials/how-to-use-anchors-for-smooth-scrolling-singl e-page-designs-with-adobe-muse.
    Thanks,
    Vinayak

  • How to make fix navigation for single page w/ horizontal slider

    I've created a horizontal sliding page with the use of anchor but i cant fix my navigation bar, can someone help me how to make it?
    like this site http://www.selvagreenng.com/#abt
    thank you very much

    any help please? i will appreciate it a lot.

  • How to make a mini mac server work on multiple workstations

    I would like to purchase the mini mac server for my 3 boys and set up 3 different workstations (monitor, keyboard, mouse) for each kids.
    Can you do this?  If so how???

    What you are describing is how mini-computers were setup forty or so years ago, and what users were gleefully glad to get rid of when true micro-computers came on the market in the 1970s. In those days the processor and RAM memory were, by far, the most expensive parts of the system costing literally thousands of times more than the keyboards and monitors.
    Today the cost of the processor/RAM/Storage have fallen to the point the monitor may be the biggest  contributor to total system cost. For example a typical $800 Mac mini coupled to a $1,000 27" Thunderbolt display. The class of system you describe is still around and in use, but generally at a total system cost in the $100,000 range. To make what you are describing work you would need, at a minimum...
    A wired or wireless network
    One dedicated Mac mini server with installed server application (no mouse, keyboard, or monitor needed)
    Three work stations each consisting of an iMac or a Powerbook, or...
    one Mac mini
    one keyboards
    one mouse or trackpad
    one monitor
    arguably substantial understanding and/or knowledge of the Server application
    A recommended alternative would be just the network and three work stations, each operating as a stand alone work station. There isn't room here and I don't have the time to go into all the various combinations and the pros and cons of each, but the recommended alternative would end up costing roughly $1,000 less simply be eliminating the server. It would also be a bit more straightforward to administer.

  • How to make an 'order' button that works?

    How do I make an 'order' button, by clicking on it, will post a pre-defined product number in a contactform?
    Probably I have to use php, but I do not know how to make the correct script.
    Regards, Gerald

    If you just need it to pop text into a textfield, you can use javascript, something like this might do the trick for you...
    <textarea id="TheText"></textarea>
    <select id="DropDown">
        <option value="">None</option>
        <option value="text-one">Choice One</option>
        <option value="text-two">Choice Two</option>
        <option value="text-three">Choice Three</option>
        <option value="text-four">Choice Four</option>
    </select>
    <script type="text/javascript">
        var thetextbox = document.getElementById('TheText');
        var mydropdown = document.getElementById('DropDown');
        mydropdown.onchange = function(){
        thetextbox.value = this.value;
    </script>
    The script should come after the textbox and dropdown in your HTML.

Maybe you are looking for

  • How do I center a text field when input can be single or multi-line?

    I'm creating a form in Adobe Acrobat Pro XI and have almost everything the way I want it.  One of my last problems is trying to get a text in a text field centered.  The input is sometimes a single line and sometimes multi-line.  If I set it up so th

  • Apple TV 2 Content Unavaliable

    Hello, I have two apple TV's in my house. The living room one is plugged directly into the Airport extreme routing. The bed room Apple TV is using Wifi. Just about every time I go to use the Apple TV in my bed room I have to unplug the device because

  • Unit of measure conversion during backflushing

    Dear All, The BUOM for one component in our industry is in KG whereas in Bom it is defined in G(grams) due to very low consumption qty & I have maintained conversion in material master additional data tab already but on backflushing the system is put

  • CONFIGURE FILE ADAPTER ,get files one by one.

    HI,  I have cinfigure one system of FILE ADAPTER TO JDBC ADAPTER, is working OK, but I need to Know  how configure The FIle adapter to get files one by one from the folder , I have the channel configure between 30 seconds, but when come to look for t

  • How to fix blankness?

    Basically, such as opening a new tab and every website, is extremely ugly. I mean that mostly no images are displayed, such as when I open a new tab, all the thumbnails are missing and purple links hang in the corner of the rectangles. It's just plai