How to change the calender grid color?

General development questions

How to change the calender grid color?

Postby kattun » Mon Oct 10, 2011 4:26 pm

Hi

The grids in the cal view is so bleak. I would like to change it. Which files would be responsible for such changes?

thanks
kattun
 
Posts: 28
Joined: Wed Sep 21, 2011 7:11 pm

Re: How to change the calender grid color?

Postby hotboy18 » Thu Oct 27, 2011 2:09 am

I am having the same problem. Any help?
hotboy18
 
Posts: 2
Joined: Thu Oct 27, 2011 2:05 am

Re: How to change the calender grid color?

Postby ph_il » Mon Oct 31, 2011 5:52 pm

you might be able to change to colors by adding styles to the calendar css file. but i'm not sure how to change the grid color ...
Philipp Schüle
Tine 2.0 Core Developer

Visit http://www.tine20.com (commercial support, consulting and development)
Visit http://www.officespot20.com (Tine 2.0 hosting)
User avatar
ph_il
Tine 2.0 Core Developer
 
Posts: 3450
Joined: Fri Mar 07, 2008 11:41 am

Re: How to change the calender grid color?

Postby kaystrobach » Thu Nov 03, 2011 9:35 am

take a look into the wiki, search for themes,

http://www.tine20.org/wiki/index.php/Themes

Code: Select all
<?php
  return array(
    .....
    'themes' => array(
       'default' => 1,
       'themelist' => array(
         0 => array(
           'name'          => 'TineSkin',
           'path'          => /styles/tine20.css',
           'useBlueAsBase' => 1,
         ),
         1 => array(
           'name'          => 'ExtJS Red',
           'path'          => /themes/9/resources/css/ext-all.css',
         ),
         2 => array(
           'name'          => '.....',
           'path'          => /themes/.....',
         ),
       ),
    ),
    .....
  );


As you just want to change the calender fields, set the flag 'useBlueAsBase' => 1,

To see how the items are named (to get the css rules), use F12 in a webkit browser (safari, chrome) or the extension firebug in firefox or ms developer tools in IE and inspect the elements.

e.g. for the monthview

Code: Select all

.cal-monthview .cal-monthview-wkcell
.cal-monthview .cal-monthview-daycell



as the color is also set directly in the td, you may need to use !important after your redefinition ...

Regards
Kay
http://www.kay-strobach.de - Open Source Rocks
User avatar
kaystrobach
Tine 2.0 Community Contributor
 
Posts: 460
Joined: Sat Jan 02, 2010 1:06 pm
Location: Germany


Return to General

Who is online

Users browsing this forum: No registered users and 5 guests

Startseite
NewsDemoDownloadForumWikiBlog
Support
Support at first hand!
If the forum does not help anymore ... Professional support is available directly from our Tine2.0 core Developers.

more »