select color for new booking state

Help with installation and general calendar setttings

select color for new booking state

Postby marcs » Sun Aug 18, 2013 9:01 pm

How do I set the color for a new booking state?
marcs
 
Posts: 23
Joined: Mon Jul 25, 2011 1:41 am

Re: select color for new booking state

Postby chris » Sun Aug 18, 2013 9:20 pm

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
User avatar
chris
Site Admin
 
Posts: 1088
Joined: Mon Dec 17, 2007 7:42 pm
Location: Málaga, Spain

Re: select color for new booking state

Postby marcs » Mon Dec 30, 2013 7:57 pm

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;}*/
marcs
 
Posts: 23
Joined: Mon Jul 25, 2011 1:41 am

Re: select color for new booking state

Postby chris » Mon Dec 30, 2013 11:21 pm

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
User avatar
chris
Site Admin
 
Posts: 1088
Joined: Mon Dec 17, 2007 7:42 pm
Location: Málaga, Spain

Re: select color for new booking state

Postby marcs » Tue Dec 31, 2013 12:02 am

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
marcs
 
Posts: 23
Joined: Mon Jul 25, 2011 1:41 am

Re: select color for new booking state

Postby marcs » Tue Dec 31, 2013 2:23 am

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
marcs
 
Posts: 23
Joined: Mon Jul 25, 2011 1:41 am


Return to Support

Who is online

Users browsing this forum: No registered users and 6 guests

cron