Changes

Jump to navigation Jump to search

Custom CSS

2,756 bytes added, 20 June
====Disable clicks on dates====
<code> .roomoffercalendarmonth{pointer-events: none;}</code>
 
====Disable clicks only on dates not in pointer selection====
<code> .roomoffercalendarmonth .daterequest,
.roomoffercalendarmonth .dateavail {pointer-events: none;}</code>
=== Mark dates when check-out is not allowed (i.e. for rentals on a weekly basis)===
=== Add a border around the selected dates===
<code>.datestay{border: 1px solid #2f2f2f !important;}</code>
 
<span class="" style="color: #f3e504; font-size: 250150%;" >{{#fas:lightbulb}} </span> If you use split dates the CSS is:
<code>.prevdatestay, .datestay{border: 1px solid #2f2f2f !important;}</code>
=== Hide option to collect credit cards from Booking page if you want to use this option only for requests via Email===
<code>.bp2bookcollectpayment .panel-pay-card{display:none;}</code>
 
=== Hide "Print Booking" on the confirmation screen===
<code>.conf_p{display:none;}</code>
 
=== Hide "Click here to make another booking" on the confirmation screen===
<code>.bookagainlink{display:none;}</code>
 
=== Adjust alignment for RTL languages (Arabic, Hebrew)===
By default this list goes up to 99. You can limit it with the following code. Substitute X for the desired number + 2. So, if you want the drop-down list to be limited to 10 then X=12.
<code>#inputnumadult option:nth-child(n+X6){display:none;}</code> <code>#inputnumchild option:nth-child(n+6){display:none;}</code>
=== Adjust alignment for RTL languages (Arabic, Hebrew)===
<code>.book-widget .ui-datepicker td .ui-state-active, .book-widget .ui-datepicker td .ui-state-hover, .book-widget.ui-datepicker td .ui-state-active, .book-widget.ui-datepicker td .ui-state-hover {background-color:#ffffff!important; color:#000000!important}</code>
 
===Make only Saturdays clickable in the datepicker calendar ===
<code>.book-widget .ui-datepicker tr > :nth-child(1), .book-widget .ui-datepicker tr > :nth-child(2), .book-widget .ui-datepicker tr > :nth-child(3), .book-widget .ui-datepicker tr > :nth-child(4), .book-widget .ui-datepicker tr > :nth-child(5), .book-widget. ui-datepicker tr > :nth-child(7){pointer-events: none;}</code>
= INVOICES and PRINT TEMPLATES =
*Click on the 'User' icon on the top right and then on 'Account Management (in the old control panel SUB ACCOUNT in the top right) then on ACCOUNT LIST > MANAGE ACCOUNT to apply for a specific sub account
== Navigation=====Hide SUPPORT button===<code>.navbar-top .btngroupdropdown{display: none}</code> ===Hide page help icon on the right===<code>.opener-right{display: none}</code> ===Change header background color===<code>.fixed-top {background-color: #cccccc;}</code> ===Hide "Settings" icon in left column===<code>.#c3sidebarCollapse{display: none !important;} {display: none;}</code> ===Hide "Price Checker Tool" button===<code>.b24btn_PriceCheck {display: none}</code> ===Hide "Try the new calendar" link===<code>.tryTheNewCalendar {display: none;}</code> == Dynamic Multi-Calendar =====Hide "Intelligence" icon===<code>.sticky-left .row-intelligence-button{display: none;}</code>===Hide "Help" icon in left column===<code>.sticky-left .row-help-button {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>===Display occupancy as color instead of number===<code>.calendar2 .property-stats-wrapper{margin-top: 5px;}.calendar2 .property-stats-wrapper.empty {display: inline-block;background-color: #7AAB0A;height: 10px;width: 10px;border-radius: 50%;color: transparent;}.calendar2 .property-stats-wrapper.medium {display: inline-block;background-color: #fe746c;height: 10px;width: 10px;border-radius: 50%;color: transparent;}</code>===Change the backgound color of weekends (Saturday/Sunday)===<code>.th-sat, .th-sun {background-color:#ffceaf !important;}</code>===Change the backgound color of past dates===<code>.pastdate{background-color:#d7d7d7;}</code>===Hide Intelligence button===<code>.sticky-left .row-intelligence-button{display: none;}</code>===Hide contect help===<code>.sticky-left .row-help-button {display: none;}</code>===Change color of unavailable dates ===<code>.inv0 { color: red }</code>===Change color and background color of daily prices===<code>.price { background-color:#7cc576; color:white;}</code>===Make inventory row read-only===<code>.calendar2 .row-room {pointer-events: none;}</code> ===Make Daily Price row read-only===<code>.row-price{pointer-events: none;}</code> ===Disable the option to create or change views===<code>#view-templates-button{pointer-events: none;}</code>
== Old Calendar ==
===Hide "Show" in the CALENDAR===
<code>.dashgridshowfilter {display:none;}</code>
===Hide suitcase icon (add booking) from CALENDAR===
<code>.icon-suitcase, .fa-suitcase {display:none}</code>
===Hide button 'Add Booking' from CALENDAR===
===Warning color dates not selling===
<code> .dashgrid_inventory_nap{background-color: red; color: white;}</code>
 
== Calendar ==
===Hide "Intelligence" icon===
<code>.sticky-left .row-intelligence-button{display: none;}</code>
 
===Hide "Help" icon in left column===
<code>.sticky-left .row-help-button {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>
 
===Hide "Settings" icon in left column===
<code>.sticky-left .fa-ellipsis-h {display: none;}</code>
== Dashboard ==
.widgettype-units .roomrowclassXXX {display: none;} /* replace XXX with the room ID*/
===Hide column on the dashboard tables===
Change the child number in brackets to the desired column.
<code>.dashboardtable th:nth-child(9) {display:none;}</code>
<code>.dashboardtable td:nth-child(9) {display:none;}</code> ===Align the content of a column right===
<code> .bookingtable td:nth-child(8) {text-align: right;} </code>
=== Hide a certain row in the "Info" tab on GUESTS===
<code>.pagetypeguests .viewguest .table tr:nth-child(x) {display: none; }</code>
 
== Bookings Menu ==
Change the child number in brackets to the desired column.
<code> .bookingtable th:nth-child(12) {display:none;} </code>  <code> .bookingtable td:nth-child(12) {display:none;} </code>
=== Hide cancelled bookings in the BOOKINGS Table ===
=== Hide "Export" button ===
<code>.b24btn_ExportBookings {display:none;}</code>
 
===Disable moving of bookings===
<code> .pagetypebookingsgrid table {pointer-events: none;}</code>
== Rates Menu ==
Change the child number in brackets to the desired column.
<code> .ratetable th:nth-child(9) {display:none;} </code>  <code> .ratetable td:nth-child(9) {display:none;} </code>  
== Reports Menu ==
=== Hide the "Delete" button for properties ===
<code>.pagetypeproperties .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 ====
====Hide the 'Assign Invoice Number' button====
<code>.pagetypeajaxbookedit .b24btn_AssignInvoiveNumberb24btn_AssignInvoiceNumber{display:none;}</code>
German control panel:
<code>.pagetypeajaxbookedit .menusetting-guestemail{display:none;}</code>
 
==Add Booking==
====Prevent price to be changed====
<code>..pagetypeajaxbookedit .menusetting-unitprice, .pagetypeajaxbookedit .menusetting-price { pointer-events: none;}</code>
==Reports ==
=== 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 ===
=== Hide the option to unlock invoices===
<code>.menusetting-invoicelock {display:none;}</code>
 
=NEW CONTROL PANEL=
==Navigation==
===Hide SUPPORT button===
<code>.navbar-top .btngroupdropdown{display: none}</code>
 
===Hide page help icon on the right===
<code>.opener-right{display: none}</code>
 
===Change header background color===
<code>.fixed-top {background-color: #cccccc;}</code>

Navigation menu