+ Post New Thread
Results 1 to 11 of 11
Home Access Plus+ Thread, Booking system doesnt display correctly. in Projects:; Hi Nick, My booking system isn't displaying the calendar that should be there. Any ideas?...
  1. #1
    fairm010's Avatar
    Join Date
    Jun 2010
    Location
    C:/Windows/System32/
    Posts
    1,134
    Thank Post
    47
    Thanked 146 Times in 128 Posts
    Rep Power
    45

    Booking system doesnt display correctly.

    Hi Nick,

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

    Any ideas?
    Attached Thumbnails Attached Thumbnails Booking system doesnt display correctly.-hap.png  

  2. #2
    nickbro's Avatar
    Join Date
    Jul 2010
    Location
    Gilwern, Wales
    Posts
    3,483
    Thank Post
    37
    Thanked 488 Times in 420 Posts
    Rep Power
    110
    Please perform some HAP+ JSON Debugging

  3. #3
    fairm010's Avatar
    Join Date
    Jun 2010
    Location
    C:/Windows/System32/
    Posts
    1,134
    Thank Post
    47
    Thanked 146 Times in 128 Posts
    Rep Power
    45
    Done that, i'm unsure which GET you need the JSON data from.
    Attached Thumbnails Attached Thumbnails Booking system doesnt display correctly.-capture.png  

  4. #4
    nickbro's Avatar
    Join Date
    Jul 2010
    Location
    Gilwern, Wales
    Posts
    3,483
    Thank Post
    37
    Thanked 488 Times in 420 Posts
    Rep Power
    110
    Ok, it's got to be CSS related, can you check the stylesheets are working

  5. #5
    fairm010's Avatar
    Join Date
    Jun 2010
    Location
    C:/Windows/System32/
    Posts
    1,134
    Thank Post
    47
    Thanked 146 Times in 128 Posts
    Rep Power
    45
    Sorry Nick, how would I do that? I have a CSS option in Firebug, is that what you need?

  6. #6
    nickbro's Avatar
    Join Date
    Jul 2010
    Location
    Gilwern, Wales
    Posts
    3,483
    Thank Post
    37
    Thanked 488 Times in 420 Posts
    Rep Power
    110
    Just need to know if /styles/bookingsystem.css is loading

  7. #7
    fairm010's Avatar
    Join Date
    Jun 2010
    Location
    C:/Windows/System32/
    Posts
    1,134
    Thank Post
    47
    Thanked 146 Times in 128 Posts
    Rep Power
    45
    Looks like its loading, this is what was under bookingsystem.css in Firebug.


    Code:
    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%;
    }
    }

  8. #8
    nickbro's Avatar
    Join Date
    Jul 2010
    Location
    Gilwern, Wales
    Posts
    3,483
    Thank Post
    37
    Thanked 488 Times in 420 Posts
    Rep Power
    110
    Can you replace the files with the content of the booking system plugin zip

  9. #9
    fairm010's Avatar
    Join Date
    Jun 2010
    Location
    C:/Windows/System32/
    Posts
    1,134
    Thank Post
    47
    Thanked 146 Times in 128 Posts
    Rep Power
    45
    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?

  10. #10
    nickbro's Avatar
    Join Date
    Jul 2010
    Location
    Gilwern, Wales
    Posts
    3,483
    Thank Post
    37
    Thanked 488 Times in 420 Posts
    Rep Power
    110
    Ah, no, just replace the booking system folder from the v9.7 release

  11. #11
    fairm010's Avatar
    Join Date
    Jun 2010
    Location
    C:/Windows/System32/
    Posts
    1,134
    Thank Post
    47
    Thanked 146 Times in 128 Posts
    Rep Power
    45
    I replaced the bookingsystem folder with the folder from the v9.7 upgrade ZIP and the problem still exists.

SHARE:
+ Post New Thread

Similar Threads

  1. End Column - Booking System - Not showing correctly
    By pjb in forum Home Access Plus+
    Replies: 3
    Last Post: 22nd April 2013, 10:42 AM
  2. Booking system calender not displaying in version 7.10
    By jamesgriffiths in forum Home Access Plus+
    Replies: 21
    Last Post: 27th May 2012, 03:26 PM
  3. Online Resource Booking System
    By SimpleSi in forum Web Development
    Replies: 14
    Last Post: 29th October 2008, 08:34 PM
  4. pc booking systems including my-pc
    By in forum Network and Classroom Management
    Replies: 8
    Last Post: 9th March 2007, 07:28 PM
  5. Online Booking System
    By imullings in forum Educational Software
    Replies: 2
    Last Post: 5th September 2006, 08:10 PM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •