Hi everyone,
The management requested to hide one column in my list/view component in my PowerPages site since each cell contains a lot of text that wraps making the height per row quite large.
Note, search is enabled in this list.
He requests, if possible, to hide the column but still can be searched in the built-in search box in the list. Is this possible?
Yes, you would do Edit code (after doing so there should be page JavaScript listed on the left hand side).
Hi @Fubar ,
I appreciate the reply. I assume that all of these changes in the back end should be made inside the edit code feature in Power Pages, correct? Sadly, I'm still learning webdev and still unfamiliar with these. But I think the CSS part I can do. I'll update you.
If it is just the row height you could set that to a set height or em via CSS.
to hide a column in the list you would use JavaScript/JQuery not sure if you can get away with 'loaded' or if you will need to use a mutationobserver (with the later you should be able the columns td as they are rendered)
// As an example the basics to hide the createdon column
// Note: what is below will work in your Browser console (F12), but this is not the complete
// code, you will need to put it inside a cocument ready and also pickup when the list has loaded // or use a mutation observer to pickup when the DOM exists to be able to hide it (do not use
// a JS timer it can be done without one).
var list = $(".entitylist");
list.find("th:contains('Created On')").hide();
list.find("td[data-th='Created On']").hide();
Fubar
69
Super User 2025 Season 1
oliver.rodrigues
49
Most Valuable Professional
Jon Unzueta
43