RSS

LuxCal Forum

The place for questions, suggestions and news about the LuxCal Event Calendar

User:   Password:   Remember Me?   
LuxCal Forum / General / Support / Sidebar Font Help
Posted:  13 Feb 2013 10:06
I would like to change the color, size and spacing of the fonts in the sidebar, to better match my website.
I don't see an lctheme file for the sidebar, so where would I go to alter the design of the sidebar?

Thanks!
Posted:  13 Feb 2013 13:48
Hello,

Take a look in /css/css_sbar.php


//=============================================================//
//DEFINITIONS AFTER THE COMMAS BETWEEN THE QUOTES CAN BE EDITED//
//=============================================================//


//COLORS
define("BGND1","#8D003C"); //background list header
define("BGND2","#FFFCF9"); //background content
define("TEXT1","#F7DA76"); //text color list header
define("TEXT2","#203050"); //text color content
define("BORD1","2px solid #8D003C"); //list borders
define("POPDT","border:1px solid #808080; background:#FFFFE0;"); //hover box normal event
define("POPRT","border:1px solid #E00060; background:#FFFFE0;"); //hover box repeating event

//FONT SIZES
define("FONT1","bold 12px arial,sans-serif"); //list header
define("FONT2","11px arial,sans-serif"); //list content
define("FONT3","bold 11px arial,sans-serif"); //date header
define("FONT4","11px arial,sans-serif"); //hover pop-up box


I hope this helps.

Dan
__________________
"Little Guy"
Some own motorcycles, others ride them.

Find great LuxCal examples by Schwartz at http://www.calendarforum.dk/index.html
Posted:  14 Feb 2013 04:41
Thanks.
Unfortunately, none of those altered the fonts in the sidebar.
Is there anywhere else that the fonts in the sidebar could be getting their parameters?
Posted:  14 Feb 2013 11:36   Last Edited By: Roel B.
Hi there,
As a matter of fact Dan is right, but . . .
It depends on how you defined the sidebar. If you have specified a class ($sbClass = {sidebar class};) just before the sidebar include, then you will have to change the class name in the css/css_sbar.php as well.

In short: the class name of the actual side bar must match with the class name on line 47 of the file css/css_sbar.php. You can check this in the HTML source when the sidebar is displayed.

If the class names correspond, you can change the sidebar format in the header part of the css/css_sbar.php file.

If it still doesn't work, let me know and I will help.
Roel
Posted:  16 Feb 2013 00:32   Last Edited By: Roel B.
I didn't specify a class, as the php code provided in the installation file did not work on my page, so I used an iframe code that another user posted here and it worked.
The only thing I cannot do is alter the fonts within the sidebar.

The installation file doesn't mention anything about how to use the php in conjunction with the iframe code.

This is what I have (my URL is http://shamrocks.cehooper.com):


<link rel="stylesheet" type="text/css" href="http://shamrocks.cehooper.com/calendar/css/css_sbar.php">

<script src="http://shamrocks.cehooper.com/calendar/common/toolbox.js"></script>

Followed down below with:

<div id="sidebar">
<iframe
src="http://shamrocks.cehooper.com/calendar/lcsbar.php"
width="475px" height="200px"></iframe>
</div>

Where/How would I add the class selector and/or the php code to this?

Thanks again for the assistance. :)
Posted:  17 Feb 2013 00:43
Ok, I see what you mean.
I was very busy today and now it's almost midnight.
Tomorrow I will come back to this with further help.
Roel
Posted:  27 Feb 2013 13:05
Thank you. Any word on how I can alter the font color and style?
Posted:  27 Feb 2013 22:27   Last Edited By: Roel B.
Sorry, I didn't come back as promised (just too busy I guess).

As you explained above, you've put lcsbar.php in an iframe. This is basically wrong, lcsbar was specifically designed to be included within div-tags. It's pure luck that it still displays reasonably well. If you validate the page, you will see a long list of errors.
Iframes work as follows:
- What you put in an iframe, must be an independent web page, which means it must start with a DOCTYPE, an html-tag, a head-section,  a body-section closed again by a body and html closing tag. The lcsbar.php script doesn't produce all these opening and closing tags (because it is not meant to do this, when included within div-tags).
- Everything outside the iframe is not accessible by the HTML page inside the iframe. Therefore the code . . .
<link rel="stylesheet" type="text/css" href="http://shamrocks.cehooper.com/calendar/css/css_sbar.php">
<script src="http://shamrocks.cehooper.com/calendar/common/toolbox.js"></script>
has no effect on the sidebar and therefore changing the colors and fonts in the css_sbar.php file has no effect.

Solution: I would strongly suggest to make the "lcsbar.php within div-tags" work. From your iframe solution we can see that the csbar.php script works and generates events and there is no reason why it should not work within div-tags (without iframe).
If you follow the instructions in the installation_guide.html, section 5b and take care that your page (with the sidebar code) is served via the PHP processor there should be no problem whatsoever. This is a really simple solution.

If you want, I can help you to make this work, but then you will have to send me your index file that should contain the sidebar. If interested, you can send me the file via the mail address on the Contact Us page.
Roel
Posted:  01 Mar 2013 17:09
Problem solved!
Together with cehooper we made the LuxCal sidebar work within div-tags.