Changes

Jump to navigation Jump to search

Custom CSS

1,854 bytes added, 21:32, 5 June 2023
.roomoffercalendarmonth .dateavail {pointer-events: none;}</code>
=== Mark dates days when check-in and/or check-out is not allowed (i.e. for rentals on a weekly basis)===
To use this option you will need to set your check-in/check-out rules in the CALENDAR. It will not work for check-in and check-out restrictions only set in rates.
NOTE: Limit the check-in and check-out in the CALENDAR (click on "Override") to use this function. To highlight when Check-out is not allowed :-
<code> .datenco{background-color:#f4f4f4; color:#cccccc;}</code>
 
To highlight when Check-in is not allowed :-
 
<code> .datenci{background-color:#f4f4f4; color:#cccccc;}</code>
 
To highlight specific days then set the day with the appropriate colour :-
 
<code> .daymon{background-color:#592323; color:#cccccc;}</code>
<code> .daytue{background-color:#592323; color:#cccccc;}</code>
<code> .daywed{background-color:#592323; color:#cccccc;}</code>
<code> .daythu{background-color:#592323; color:#cccccc;}</code>
<code> .dayfri{background-color:#592323; color:#cccccc;}</code>
<code> .daysat{background-color:#592323; color:#cccccc;}</code>
<code> .daysun{background-color:#592323; color:#cccccc;}</code>
=== Background Image ===
}
</code>
 
=== Hide Property Name ===
This will remove the individual property names from the Multi Property booking page.
 
<code>.at_propnametext {display: none;}</code>
= BOOKING WIDGETS =
===Hide "Help" icon in left column===
<code>.sticky-left .row-help-button {display: none;}</code>
===Hide Drag&Drop option===
<code>#dragDropButton {display: none;}</code>
===Hide "Notes" icon in left column===
<code>.sticky-left .fa-comment-alt-plus, .sticky-left .fa-comment-alt-lines {display: none;}</code>
<code>.sticky-left .row-help-button {display: none;}</code>
===Change color of unavailable dates ===
<code>.inv0 { color: red blue }</code> 
===Change color and background color of daily prices===
<code>.price { background-color:#7cc576; color:white;}</code>
<code>.row-price{
pointer-events: none;
}</code>
 
===Change background and font color for "Unallocated" bookings===
<code>..pagetypecalendar2 .overflow-unit{ background-color: #FEE0DD; color: #9E4843;}</code>
 
===Hide the option to create or change views===
<code>#view-templates-button{
display: none;
}</code>
===Disable the option to create or change views===
<code>#view-templates-button, #saveViewButton{
pointer-events: none;
}</code>
===Hide suitcase icon (add booking) from CALENDAR===
<code>.icon-suitcase, .fa-suitcase {display:none}</code>
===Hide button 'Add Booking' from CALENDAR===
<code>.dashboardtable th:nth-child(9) {display:none;}</code>
 
===Hide Edit button in the Notes component===
Change the child number in brackets to the desired column.
 
<code>#dashboardnotea .btn {display:none;}</code>
==Align the content of a column right==
=== Hide room name in the BOOKING GRID ===
<code>.bookgrid_rowroomname{display: none;}</code>
 
=== Hide room name in the BOOKING GRID ===
<code>. pagetypebookingsgrid .todaydate{font-weight:bold;}</code>
=== Hide a certain column in the BOOKING LIST Table ===
=== Hide the "Delete" button for properties ===
<code>.pagetypeproperties .b24btn_delete{display:none;}</code>
 
=== Hide the "Delete" button for rooms ===
<code>.pagetyperooms .b24btn_delete{display:none;}</code>
==Booking Popup==
Please note: This will not hide the title column (Vat %). See for yourself if you can live with it.
 
====Prevent invoice items being deleted====
<code>.tr_invoicee .btn-danger, #groupinvoicebulkaction option[value="1"] {display:none !important;}</code>
 
</code>
====Prevent manual entry of charge items ====
<code>.pagetypelogin .b24btn_Login{background-color:#xxxxxx;}</code>
=== Hide the "Make a Charge using Stripe" button ===
<code>#makechargeusing{display:none;}</code>
=== Hide potential issue "Less than 12 months available"===
<code>.warninglessthan12monthsavailable{ display: none}</code>
 
=== Hide potential issue "Too many guests in booking xxxxx"===
<code>..warningunitnotassigned{ display: none}</code>
=== Hide 'Template 2' from Guest Management > Booking Templates ===

Navigation menu