Hiding "View All" from Task Widget

@ariel.zimmerman Hi, Ariel … Could you give us a couple of screen shots?  I don’t find anything in the Task List widget that is “view all”.  This is how we use the Task List widget, and it works really well for us.

Sure! It’s on the widget itself. It shows just a few items and if there are more than fit in the widget, there is a “View All” button at the bottom. It links to the Docebo My Courses and Learning Plans, which we don’t like because there’s no way to hide the courses that are inside learning plans, so it’s overwhelming for the learners. We would prefer to either a- redirect the target link to a custom page with the view we want them to see or b-hide it altogether and we can add another widget with a button to a custom page.

@ariel.zimmerman Hi, Ariel … thank you so much. I see what you mean, and I have no good news for you. I can’t help with the CSS.

Awesome, thank you!!!

Okay, follow up question: if we don’t want all task widgets to do this, is there a way to indicate it happens just on this page? 

Sure - it is a bit more complicated, though.

#doc-page-33 > div > widget-render-old > div > div:nth-child(2) > div:nth-child(2) > #doc-widget-277 > task-list-widget > div > tabs > div > div > div > div > #panel-4 > div > dcl-wrapper > ng-component > div > div > a {
  display: none;
}

Try this

Look at the dark maroon items in the code above that have the hashtags.

#doc-page-33

#doc-widget-277

#panel-4

Each of the number values here will need to change based on your environment.

You’ll have to determine the page number and the specific widget number and then panel number as previously discussed.

/** Begin Hide View All on Task List Widget **/

#panel-1 > div > dcl-wrapper > ng-component > div > div > a {
    display: none;
}

/** End Hide View All on Task List Widget **/

​@gstager With the update that went out this week, this no longer works. There is now instead a “Go to my courses and learning plans” button, which we don’t want. 

Suggestions on the code to hide this? Thank you!

OR could we redirect the “Go to my courses and learning plans” with a different target link, such as https://ced-learn.docebosaas.com/pages/25/my-training

Well… here is an approach

/** Begin Remove Go To Courses and Learning Plan Button **/

#doc-widget-277 > task-list-accessible-widget > docebo-accessible-task-list > div > div.tabpanel-content.ng-star-inserted > docebo-accessible-task-list-course-in-progress > docebo-accessible-task-list-formal-content-list > docebo-accessible-task-list-stateful-list > docebo-accessible-task-list-action-bar {
    display: none;
}

/** End Remove Go To Courses and Learning Plan Button **/

This takes care of the button on the Content in Progress tab.

Change the number for #doc-widget-xxx as appropriate for your page.