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.
Best answer by dklinger
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.
+11hey - 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.
+11Note: This only removes it from the persons transcript - It will not impact the outputs (reporting) from the system.
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?
+8I 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)
+11Thank 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?
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.
+11Take a look at https://fark.tools/
He has a tool that can help you with CSS (oh and its free).
Enter your email address or username and password below to log in to Docebo Community. No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
