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...")
 
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
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"
+
<div class="heading">Page Title</div>
 +
This page explains how to customize the control panel.
  
'''Examples'''
+
You have multiple options to customize the your control panel. Use the links below for further information.
 
 
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;}
 
 
 
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:
 
 
 
.ratetable th: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:
 
 
 
.bookingtable  th:nth-child(9) {display:none;}
 
.bookingtable  td:nth-child(9) {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:
 
 
 
.bookingtable  td:nth-child(9) {text-align: right;}
 

Latest revision as of 17:46, 28 May 2020

Page Title
This page explains how to customize the control panel.

You have multiple options to customize the your control panel. Use the links below for further information.

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