AgilePoint webpart in SharePoint - Hide Reassign and Cancel buttons in blue bar

Answered

Follow

Gwen Wilson

• September 01, 2020 18:53
• Edited

In the AgilePoint webpart used in SharePoint, Is there a way to hide the Reassign, Cancel and Bulk Approval task buttons that show in the blue header bar when a task is selected (see below). 

I know you can hide these on the task name menu using the Hide Context Menu Entry. Is there something like this that works for the blue bar buttons?

Another option would be to suppress that column with the boxes, so they can't select a task that way. I didn't see that as an option either.

I'm using SharePoint 2016, AgilePoint NX v7.0

Thanks!

 

0

• 

  Sampat Patil

  • September 03, 2020 15:04

  Hi Gwen,
  
  You can make use of Work Center Custom CSS (https://documentation.agilepoint.com/00/portal/cloudportalCustomCssSettings.html)

  Try below CSS to hide Reassign and Cancel button

  .toolbar .Reassign, 
  .toolbar .CancelProcess { 
      display: none !important; 
  }

  
  Note: This will hide option for every user.
  also you can hide rest of tool bar menu, for which you need to inspect the CSS class and make use of it.

  let us know if this works.

   

  1

  Comment actions Permalink
• 

  Gwen Wilson

  • September 03, 2020 16:19

  I can't do this in the work center, because like you said that affects everyone. I need it for this one SharePoint page. Is there a form of that code that I could put into a SharePoint content editor webpart that would accomplish this?

  Thanks!

  0

  Comment actions Permalink
• 

  Sampat Patil

  • September 07, 2020 04:36

  Hi Gwen,

  You can make use of external CSS from webpart properties and append those style.

  This worked in my environment.

   

  External CSS to use

  .toolbar .Reassign, .toolbar .CancelProcess { display: none !important; }

   

  AgilePoint Webpart Properties to refer

  

   

  2

  Comment actions Permalink
• 

  Gwen Wilson

  • September 08, 2020 15:23

  Thanks! This worked great. Can you do the same with Bulk Approval?

  I tried:

  .toolbar .Reassign, .toolbar .CancelProcess, .toolbar .BulkApproval { display: none !important; }

  but the Bulk Approval still displayed. Is ".BulkApproval" the right syntax for that button?

  1

  Comment actions Permalink
• 

  Sampat Patil

  • September 09, 2020 11:41

  Hi Gwen,

  As you mentioned BulkApproval is your Menu name, your style must be like this

  .toolbar .Reassign, .toolbar .CancelProcess, .toolbar .ToolbarMenu_BulkApproval { display: none !important; }

  You can inspect the class name from browser and make alteration if above CSS doesn't help.

  1

  Comment actions Permalink
• 

  Gwen Wilson

  • September 09, 2020 14:16

  Thanks! This worked.

  Gwen

  1

  Comment actions Permalink

Please sign in to leave a comment.