Page 1 of 1

select color for new booking state

PostPosted: Sun Aug 18, 2013 9:01 pm
by marcs
How do I set the color for a new booking state?

Re: select color for new booking state

PostPosted: Sun Aug 18, 2013 9:20 pm
by chris
Hi,
You need to define the new "class" name via the admin panel then add the new class to the CSS files (both the admin and front-end versions).

Chris

Re: select color for new booking state

PostPosted: Mon Dec 30, 2013 7:57 pm
by marcs
So I was able to change/add a color to a new booking state. Now how can I split the day as to AM and PM on new booking states.
Can you show me the file and existing script/example on how to do this.

This is what I have right now in avail_calendar.css

*
calendar date styles
class name must be the same as defined in admin panel
***************************/

.cal_month ul li.offer { background-color:lime; }
.cal_month ul li.changeover { background-color:pink; }
.cal_month ul li.owner { background-color:#FFFF33; }

/* position background image for each state - adjust to your image */
.cal_month ul li.booked_am { background-position: 200px top; }
.cal_month ul li.booked_pm { background-position: 230px top; }
.cal_month ul li.booked_pr_am { background-position: 140px top; }
.cal_month ul li.booked_pr_pm { background-position: 170px top; }

.cal_month ul li.weekend { /*border:1px solid #3399CC;*//*altered via mootools*/}
.cal_month ul li.today { border:1px dotted #006699; } /* current date - MUST be defined last otherwise other classes might overwrite it*/
/*.cal_month ul li:hover{ background:#006699; color:#FFF;}*/

Re: select color for new booking state

PostPosted: Mon Dec 30, 2013 11:21 pm
by chris
Hi,
To modify or add to the am and pm state colours you need to modify the background image sprite that the code uses. If you are adding new states, you will need to adjust the CSS positioning accordingly.

Chris

Re: select color for new booking state

PostPosted: Tue Dec 31, 2013 12:02 am
by marcs
I know I have to change it but I do not recognize where or what the code you are using looks like.

My new color is yellow, I call it ID=owner
Can you show what a AM script would look like or just show me what your Booked AM looks like.

BTW I did create a search feature using you program, which I emailed you about over a year ago. see it here: http://basslakeca.com/cal307/search.php

Re: select color for new booking state

PostPosted: Tue Dec 31, 2013 2:23 am
by marcs
Chris,
I have figured it out after a couple of hours. For split days, I see you only offer 4 colors in the PNG so I have changed my colors to match. Adding a few colors might be nice.
Thanks