Difference between revisions of "Category:Customise Control Panel"

From Beds24 Wiki
Jump to navigation Jump to search
(Created page with "The lists on the menu pages DASHBOARD, BOOKINGS and RATES can be customised by adding custom CSS. To enter the CSS go to SUB ACCOUNTS (top menu) then click on "Manage" for th...")
 
Line 5: Line 5:
 
1. The following Custom CSS can hide any column on the dashboard tables, change the child number in brackets to the desired column. Balance will either be column 9 or 10 depending on whether the property name is shown in the table:
 
1. The following Custom CSS can hide any column on the dashboard tables, change the child number in brackets to the desired column. Balance will either be column 9 or 10 depending on whether the property name is shown in the table:
  
.dashboardtable th:nth-child(9) {display:none;}
+
.dashboardtable th:nth-child(9) {display:none;}
.dashboardtable td:nth-child(9) {display:none;}
+
.dashboardtable td:nth-child(9) {display:none;}
 
 
and/or
 
 
 
.dashboardtable th:nth-child(10) {display:none;}
 
.dashboardtable td:nth-child(10) {display:none;}
 
 
 
  
  
 
2. The following Custom CSS can hide any column on the rates table, change the child number in brackets to the desired column. Balance will either be column 9 or 10 depending on whether the property name is shown in the table:
 
2. The following Custom CSS can hide any column on the rates table, change the child number in brackets to the desired column. Balance will either be column 9 or 10 depending on whether the property name is shown in the table:
  
.ratetable th:nth-child(9) {display:none;}
+
.ratetable th:nth-child(9) {display:none;}
.ratetable td:nth-child(9) {display:none;}
+
.ratetable td:nth-child(9) {display:none;}
 
 
and/or
 
 
 
.ratetable th:nth-child(10) {display:none;}
 
.ratetable td:nth-child(10) {display:none;}
 
  
  
 
3. The following Custom CSS can hide any column on the bookings table, change the child number in brackets to the desired column. Balance will either be column 9 or 10 depending on whether the property name is shown in the table:
 
3. The following Custom CSS can hide any column on the bookings table, change the child number in brackets to the desired column. Balance will either be column 9 or 10 depending on whether the property name is shown in the table:
  
.bookingtable  th:nth-child(9) {display:none;}
+
.bookingtable  th:nth-child(12) {display:none;}
.bookingtable td:nth-child(9) {display:none;}
+
  .bookingtable  td:nth-child(12) {display:none;}
 
 
and/or
 
 
 
.bookingtable  th:nth-child(10) {display:none;}
 
.bookingtable  td:nth-child(10) {display:none;}
 
  
  
 
4. This CSS will align the content of the 8th column right:
 
4. This CSS will align the content of the 8th column right:
  
.bookingtable  td:nth-child(9) {text-align: right;}
+
.bookingtable  td:nth-child(8) {text-align: right;}

Revision as of 15:17, 16 December 2015

The lists on the menu pages DASHBOARD, BOOKINGS and RATES can be customised by adding custom CSS. To enter the CSS go to SUB ACCOUNTS (top menu) then click on "Manage" for the account for which the changes should apply. Enter the CSS in the field "CUSTOM CSS"

Examples

1. The following Custom CSS can hide any column on the dashboard tables, change the child number in brackets to the desired column. Balance will either be column 9 or 10 depending on whether the property name is shown in the table:

.dashboardtable th:nth-child(9) {display:none;}
.dashboardtable td:nth-child(9) {display:none;}


2. The following Custom CSS can hide any column on the rates table, change the child number in brackets to the desired column. Balance will either be column 9 or 10 depending on whether the property name is shown in the table:

.ratetable th:nth-child(9) {display:none;}
.ratetable td:nth-child(9) {display:none;}


3. The following Custom CSS can hide any column on the bookings table, change the child number in brackets to the desired column. Balance will either be column 9 or 10 depending on whether the property name is shown in the table:

.bookingtable  th:nth-child(12) {display:none;}
.bookingtable  td:nth-child(12) {display:none;}


4. This CSS will align the content of the 8th column right:

.bookingtable  td:nth-child(8) {text-align: right;}

Subcategories

This category has the following 4 subcategories, out of 4 total.

Pages in category "Customise Control Panel"

The following 2 pages are in this category, out of 2 total. download this selection of articles as a PDF book