Hiding Columns in My Account Lists (Classic UI)
Primo allows you to hide columns in the following My Account lists: Loans, Requests, and Fine & Fees.
The following classes are defined in the CSS to allow you to control the display of columns in My Account lists.
-
Loans list – The MyAccount_Loans_<field name/type> class allows you to hide a specific column in the Loans list.
-
Requests list – The MyAccount_Requests_<field name/type> class allows you to hide a specific column in the Requests list. In addition, the requestList class has been added for the Requests list.
-
Fine & Fees list – The MyAccount_FineAndFees_<field name/type> class allows you to hide a specific column in the Requests list.
The {display:none} parameter hides the specified class.
To hide columns in My Account lists:
-
Log on to the Back Office server as the primo user.Instead of accessing the server directly (as shown in steps 1 and 2), it is recommended to use the File Uploader utility (see The File Uploader Tool) to manage and publish CSS changes to the Primo Front End UI.
-
Enter the following commands to access and open the CSS file that is used to customize your view:fe_webcd cssvi <custom_css>.cssIt is not recommended to modify the default Primo CSS, which can be overwritten during updates. For more information regarding the customization of Primo views, see the Primo Technical Guide.
-
Add the following lines to your localized CSS file to hide the columns in My Account lists:
-
Loans list (hides the title column):#LoansTable tr th.EXLMyAccountTableTitle {display:none;} // hides the column header#LoansTable tr td.MyAccount_Loans_title {display:none;} // hides the column in the row
-
Requests list (hides the title column):#requestList tr th.EXLMyAccountTableTitle {display:none;}#requestList tr td.MyAccount_Requests_title {display:none;}
-
Fine & Fees list (hides the author column):#FinesAndFeesTable tr th.EXLMyAccountTableTitle {display:none;}#FinesAndFeesTable tr td.MyAccount_FineAndFees_author {display:none;}
-
-
Save the changes to the CSS file.
-
On the Primo Home > Deploy All page, select all options and click Deploy.