Best Answer

CSS code to remove activity fields on user transcripts

  • 10 July 2023
  • 8 replies
  • 119 views
A
Rank
Userlevel 1

Hello.  We are new to using CSS and started by having the Global search removed and then following a previous community post to remove Groups from a users summary statistics tab. We would like the following purple outlined fields removed/ hidden from view, as well. The image below is a managers view of the user summary report.

Any help and advice is greatly appreciated. 

icon

Best answer by dklinger 10 July 2023, 21:46

View original

8 replies

dklinger
Rank
Userlevel 7
Badge +6

hey - so there are ways to do this - but know that things are gonna change soon - so this will need to change when they tighten up the user profile experience .

We hide a few things as well, but we had to hide the expiration date. The trick is calling out to the child row in the CSS to hide it.

For the expiration date - we did this:

/** This will hide the Expiration Date Header **/

#course-management-grid_c4 {

    display: none;

}

 

/** This will hide the cells under the Expiration Date Header **/

#course-management-grid > div.gridItemsContainer > table > tbody > tr > td:nth-child(5) {

    display: none;

}

If you count out the children from left to right? You should be able to hide each row by changing 

td:nth-child(x) to whatever row you want.

Note: you do need to do an entry for each and everyone column you want to hide.

dklinger
Rank
Userlevel 7
Badge +6

Note: This only removes it from the persons transcript - It will not impact the outputs (reporting) from the system.

A
Rank
Userlevel 1

Thank you! Is it possible to remove the fields from reporting? How soon are things going to change? 

Any helpful guides out there on CSS that you recommend? @dklinger 

gstager
Rank
Userlevel 7
Badge +5

I think you’ll just want to be mindful of the indexing.

In the example above - the header seems to be zero indexed and the table columns are not.

This is why you see  c4 pertaining to the 5th column of the table  (0,1,2,3,4) but child(5) referring to that fifth column of data (1,2,3,4,5)

@dklinger is correct - you will need to address each column but if you pull out a column - I am not sure if it changes the indexing in this case or not but that would certainly affect your code. Some parts of Docebo behave that way where others do not. Anyway just a thought to consider.

Greg
dklinger
Rank
Userlevel 7
Badge +6

Thank you! Is it possible to remove the fields from reporting? How soon are things going to change? 

Any helpful guides out there on CSS that you recommend? @dklinger 

@andersa84 - you can remove fields from reporting? - but not all of them. Docebo is a multi-layered reporting system with quite a few options, but it can be a little frustrating to not get what you want. For the most part, we have found what we needed and have created reasonable reports for our folks with the tools provided.

High level: 

Dashboard Reporting - currently - you get what the system will put out for you (we really wish we could control the columns with these).
Reports - you can change up what the system reports out.
New Reports - you can change up what rows the system reports out.
Manager Reporting - currently - you get what the system will put out for you.

A
Rank
Userlevel 1

Thank you for all the advice. Looking forward to learning CSS and its possibilities in the future!

dklinger
Rank
Userlevel 7
Badge +6

@andersa84 - you also asked a question that I missed

Take a look at https://fark.tools/

@Bfarkas is one of the folks that assist folks alot on this site.

He has a tool that can help you with CSS (oh and its free).

W
Rank

@dklinger @gstager this code worked still for removing from User Personal Summary report/transcript. We would also like to hide the Course Code column from the My Activities page/view. Do you know CSS code that would allow us to hide this as well from that area? Any insights would be appreciated.

 

Reply


Terms & ConditionsCookie settings