Booking system doesnt display correctly.

fairm010 · March 25, 2014

Hi Nick,

My booking system isn't displaying the calendar that should be there.

Any ideas?

nickbro · March 25, 2014

Please perform some http://www.edugeek.net/forums/home-access-plus/86059-hap-json-debugging.html

fairm010 · March 25, 2014

Done that, i'm unsure which GET you need the JSON data from.

nickbro · March 25, 2014

Ok, it's got to be CSS related, can you check the stylesheets are working

fairm010 · March 25, 2014

Sorry Nick, how would I do that? I have a CSS option in Firebug, is that what you need?

nickbro · March 25, 2014

Just need to know if /styles/bookingsystem.css is loading

fairm010 · March 25, 2014

Looks like its loading, this is what was under bookingsystem.css in Firebug.


body.bookingdisplay, body.bookingdisplay form {
   height: 100%;
   margin: 0;
   padding: 0;
   width: 100%;
}
#bookingsystemcontent p.ui-state-highlight {
   left: 0;
   margin: 0;
   position: absolute;
   right: 0;
   top: 40px;
}
.bookingdisplay #defaultview, .bookingdisplay #ICT1_ICT2 {
   height: 100%;
   margin: 0;
   padding: 0;
   width: 100%;
}
.bookingdisplay #defaultview div, .bookingdisplay #ICT1_ICT2 div {
   bottom: -1px;
   left: 0;
   margin: 0;
   padding: 0;
   position: absolute;
   right: 0;
   top: 50px;
   width: 100%;
}
.bookingdisplay table {
   height: 100%;
   position: relative;
   z-index: 100;
}
.bookingdisplay table td, .bookingdisplay table tr {
   vertical-align: middle;
}
.bookingdisplay table tr {
   font-size: 20px;
}
.bookingdisplay table td.lesson {
   font-size: 26px;
   padding-left: 100px;
   width: 50px;
}
.bookingdisplay table td span {
   display: block;
   font-size: 140%;
}
.bookingdisplay #statebar {
   background: none repeat scroll 0 0 #DEDEDE;
   height: 0;
   left: 0;
   position: absolute;
   right: 0;
   top: 50px;
   z-index: 99;
}
.bookingdisplay {
   overflow: hidden;
}
#bookingsystemcontent {
   margin: 0 auto;
}
#datepicker {
   left: 0;
   top: 97px;
   z-index: 200;
}
#bookingday {
   background: none repeat scroll 0 0 #FFFFFF;
   bottom: 0;
   left: 0;
   position: absolute;
   right: 0;
   top: 67px;
}
#bookingday .head #picker {
   background: none repeat scroll 0 0 #0060A6;
   border: 0 none;
   border-radius: 0;
   color: #FFFFFF;
   font-size: 18px;
   height: 30px;
   line-height: 30px;
   padding: 0;
   width: 100%;
}
#bookingday .head #picker:hover {
   background-color: #3286C1;
}
#bookingday .head #picker:active {
   background-color: #004577;
}
#bookingday .body {
   background: none repeat scroll 0 0 #FFFFFF;
   height: 100%;
}
#bookingday .body .col, #bookingday #resources div {
   background: none repeat scroll 0 0 #FFFFFF;
   min-height: 60px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
#bookingday .body .col div {
   height: 100%;
   line-height: 60px;
   text-align: center;
   text-overflow: ellipsis;
   white-space: nowrap;
}
#bookingday #resources {
   color: #FFFFFF;
   float: left;
   height: 100%;
   padding: 0;
   width: 156px;
}
#bookingday .body a, #bookingday .body .share, #bookingday h1 {
   background-color: #EEEEEE;
   color: #666666;
   cursor: default;
   display: block;
   float: left;
   font-size: 12px;
   height: 100%;
   margin: 2px 0 0 2px;
   min-height: 38px;
   min-width: 134px;
   padding: 10px;
   position: relative;
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
   z-index: 10;
}
#bookingday .body a.admin, #bookingday .body a.bookie, #bookingday .body a.free {
   cursor: pointer;
}
#bookingday .body a span {
   display: block;
   font-size: 10px;
   line-height: 12px;
}
#bookingday .body a span.state {
   float: right;
   height: 14px;
   line-height: 16px;
   overflow: hidden;
   position: absolute;
   right: 0;
   top: 0;
}
#bookingday .body a span.state span {
   display: block;
   float: right;
   height: 14px;
   line-height: 16px;
   overflow: hidden;
   text-align: right;
   text-overflow: ellipsis;
   transition: all 0.3s ease-in-out 0s;
   white-space: nowrap;
   width: 0;
}
#bookingday .body a.admin:hover span.state span, #bookingday .body a.bookie:hover span.state span, #bookingday .body a.free:hover span.state span {
   transition: width 0.3s ease-in-out 0s;
   width: 60px;
}
#bookingday .body a span.state i {
   float: right;
   height: 14px;
   width: 14px;
}
#bookingday .body a span.static i {
   background: url("../images/ui-icons_454545_256x240.png") no-repeat scroll -66px -80px rgba(0, 0, 0, 0);
}
#bookingday .body a.admin:hover span.static i {
   background: url("../images/ui-icons_454545_256x240.png") no-repeat scroll -82px -80px rgba(0, 0, 0, 0);
}
#bookingday .body a.admin:hover span.remove i, #bookingday .body a.bookie:hover span.remove i {
   background: url("../images/ui-icons_454545_256x240.png") no-repeat scroll -178px -98px rgba(0, 0, 0, 0);
}
#bookingday .body a:hover span.book i {
   background: url("../images/ui-icons_454545_256x240.png") no-repeat scroll -66px -112px rgba(0, 0, 0, 0);
}
#bookingday .body a.admin:hover, #bookingday .body a.bookie:hover, #bookingday .body a.free:hover {
   background-color: #DEDEDE;
}
#bookingday .body a.admin:active, #bookingday .body a.bookie:hover, #bookingday .body a.free:hover {
   background-color: #CCCCCC;
}
#bookingday .body .share a {
   display: block;
   float: none;
   height: auto;
   margin: 0 -10px;
   min-height: 0;
   padding-bottom: 5px;
   padding-top: 5px;
   width: 100%;
}
#bookingday .body .share {
   overflow: auto;
   padding: 0 10px;
}
#bookingday .body a.expired, #bookingday .body a.expired:hover, #bookingday .body a.expired:active {
   background-color: #EEEEEE;
   cursor: default;
}
#bookingday .body a.expired span, #bookingday .body a.expired span i {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
   width: 0 !important;
}
#bookingday .body a span i.notes {
   background: url("../images/ui-icons_454545_256x240.png") no-repeat scroll -131px -99px rgba(0, 0, 0, 0) !important;
}
#bookingday .body #time {
   background: none repeat scroll 0 0 rgba(12, 166, 0, 0.25);
   left: 100%;
   margin-left: -2px;
   position: absolute;
   top: 30px;
   width: 2px;
   z-index: 90;
}
#bookingday .head, #bookingday .body.head .col div {
   background: none repeat scroll 0 0 #0060A6 !important;
   color: #FFFFFF;
   height: 30px !important;
   line-height: 30px !important;
   min-height: 30px !important;
}
#bookingday h1 {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
   color: #FFFFFF;
   font-size: 15px;
   font-weight: normal;
   height: 30px !important;
   line-height: 30px !important;
   padding-bottom: 0;
   padding-top: 0;
   text-align: center;
}
#bookingday #resources div {
   background: none repeat scroll 0 0 #0060A6;
   line-height: 60px;
   text-align: center;
}
#bookingday #resources a {
   background-color: rgba(0, 0, 0, 0);
   color: #FFFFFF;
   cursor: pointer;
   display: inline;
   float: none;
   font-size: 14px;
   height: auto;
   line-height: normal;
   margin: 0;
   padding: 0;
   position: static;
   width: auto;
}
#datepicker .ui-corner-all {
   border-radius: 0;
}
#searchresults .date {
   display: inline-block;
   width: 100px;
}
#searchresults span {
   display: inline-block;
   min-width: 60px;
}
#searchresults .newline {
   border-top: 1px solid #DDDDDD;
}
#bookingday .body a .day, #bookingday .body a .daytitle, #bookingday .body a .lesson, #bookingday .body a .room {
   display: inline-block;
}
@media only print {
#bookingsystemcontent {
   width: auto !important;
}
#bookingday {
   overflow: hidden;
}
}
#hapHeader #hapTitle a {
   background-image: url("../api/tiles/icons/24/24/images/icons/metro/applications/calendar.png");
   background-position: 5px center;
}
#datepicker .ui-datepicker {
   border-top: 0 none;
}
#sidebaredit {
   overflow-y: auto;
   top: 40px;
   z-index: 91;
}
#sidebaredit.show {
   width: 50%;
}
#sidebaredit h1 {
   margin: 0;
}
#sidebaredit select, #sidebaredit input, #sidebaredit label {
   font-size: 16px;
}
#sidebaredit label {
   padding-left: 10px;
   text-align: left;
}
#sidebaredit input#bfsubject {
   width: 45%;
}
#recurcheck {
   line-height: 14px;
}
#recurcheck span {
   display: inline-block;
   width: 80px;
}
@media only screen and (max-width: 1024px) {
#sidebaredit.show {
   width: 75%;
}
}
@media only screen and (max-width: 800px) {
#sidebaredit.show {
   border: 0 none;
   width: 100%;
}
}

nickbro · March 25, 2014

Can you replace the files with the content of the booking system plugin zip

fairm010 · March 26, 2014

Just to clarify, this is a 9.7 install. Do you want me to replace the contents of ~/bookingsystem with the v10 booking system download?

nickbro · March 26, 2014

Ah, no, just replace the booking system folder from the v9.7 release

fairm010 · March 26, 2014

I replaced the bookingsystem folder with the folder from the v9.7 upgrade ZIP and the problem still exists.

Booking system doesnt display correctly.

Recommended Posts

fairm010

nickbro

fairm010

nickbro

fairm010

nickbro

fairm010

nickbro

fairm010

nickbro

fairm010

Create an account or sign in to comment

Create an account

Sign in

Recent Threads

Edugeek Minecraft - Cross-Platform server!

Sage 200 budget holders - test something for me?

Bromcom Support

Home

Forums

What's New