none
Remove "Mark Complete" button on Task Ribbon in PWA RRS feed

  • Question

  • I would like to remove the "Mark Task Complete" button from the Task Ribbon on my Project Web App to prevent users from clicking on it. I have been successful in adding a custom JavaScript Web Part to hide the button after a 200 millisecond delay because the JavaScript has to wait for the page to load. However, this not only leads to a bad user experience but also it is not guaranteed that the page will fully load in 200 milliseconds and thus leaves the possibility of the users seeing the button and being able to interact with it. Here is that JavaScript.  

    <html>
    <body>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
       $("li.ms-cui-tt a:eq(1)").trigger("click");

    });

    window.onload = function(){
     setTimeout(function(){
       document.getElementById('Ribbon.ContextualTabs.MyWork.Home.Tasks.MarkComplete-Large').style.display = 'none';
     }, 200);
    };

    </script>
    </body>
    </html>

    Is there a way to accomplish the desired affect without using a delay?

    Monday, August 8, 2016 4:23 PM