mini calendar problems

[Sharky]

I have a problem with the mini calendar on the portal, it is always displaying wider than the default (180px) block width that I have set in ACP. It's a little over 200px.

In Firefox the other blocks on the right hand side stretch to match the calendar (which makes the right hand side blocks wider than the left hand side ones), but in IE the other blocks display @ 180px and the calendar is wider.

Firefox;


IE;


Is this a know bug, is there a fix for it?, I'd really like it to display at 180px to match the other blocks.

Cheers.

[thomas.d]

Hi Sharky,

this problem has been discussed before (in the German section here), maybe you can read this:

viewtopic.php?f=8&t=614&hilit=kalender

Basically it says, that the mini calendar needs a minimum width in IE.

Currently there are only two options:

1.) deactivate the calendar block

2.) change width in the options (ACP) from 180 to about 210

[Steve_B]

I have had a look at my test site using IE6 (I find that to be the one that will muck up the layout)and the calendar block appears to me to fine. I must add that I have the left blocks set at 180px. So I am not seeing what you are Sharky, unless you are using a different IE.

[Sharky]

I have the problem with both IE6 and IE tab in FF. Setting the blocks to 205 fixes it, but for someone reading the portal on a small res (1024x768) the side blocks look to wide. I use 1280x1024 and they look too big. I hope there is a fix for this soon. Thanks for the help.

[Heinrich-XIV]

Hello

It's only the Calendar thats to big?. Not also the Header or Footer? You can try to test the Calendar Block with a own width: For this, you have to edit the mini_calendar.html in Your style/template/portal/block:

Find this Line:

Code: Select all

<table class="tablebg" cellspacing="1" width="100%">

Replace with (if your width is 180 in the Settings)

Code: Select all

<table class="tablebg" cellspacing="1" width="180px">

If you use a personal Style, it is possible, you must edit the Headerline to. This Changes seems to work with the IE7, Firefox 2.16, 3.0 and the Styles BF_Vista, AeroBlueX and the Default Styles (Prosilver). In case, you change later the width in the ACP for the row with the Calendar, you must also do this seperately in the Calendar Block.

I can not guarantee, that this works on your Portal Style.

Sorry, English is not my native language.

Heinrich

PS.: Purge the Cache after this.

[Sharky]

Thanks for the help, I'm using Subsilver2 but this did not work unfortunately

[Heinrich-XIV]

The Orginal Subsilver Style?

Well, this is difficult. I have made this:

In the code, I replaced cellspacing="1" with cellspacing="0"

Code: Select all

<!--version $Id: mini_calendar.html 216 2008-04-29 07:23:22Z kevin74 $ //-->
<table class="tablebg" cellspacing="0" width="100%">
	<tr>
		<th>{L_MINI_CAL_CALENDAR}</th>
	</tr>
	<tr class="row1">
		<td>	
			<table width="100%" cellspacing="0">
			<tr>
				<td align="left" colspan="2">{U_PREV_MONTH}</td>
				<td colspan="3" align="center"><span class="genmed">{L_MINI_CAL_MONTH}</span></td>
			    <td align="right" colspan="2">{U_NEXT_MONTH}</td>
			</tr>
			<tr>
				<td style="width: 14%;"><span class="gensmall" style="color:#0000FF">{L_MINI_CAL_SUN}</span></td>
				<td style="width: 14%;"><span class="gensmall" style="color:#0000FF">{L_MINI_CAL_MON}</span></td>
				<td style="width: 14%;"><span class="gensmall" style="color:#0000FF">{L_MINI_CAL_TUE}</span></td>
				<td style="width: 14%;"><span class="gensmall" style="color:#0000FF">{L_MINI_CAL_WED}</span></td>
				<td style="width: 14%;"><span class="gensmall" style="color:#0000FF">{L_MINI_CAL_THU}</span></td>
				<td style="width: 14%;"><span class="gensmall">{L_MINI_CAL_FRI}</span></td>
				<td style="width: 14%;"><span class="gensmall" style="color:#FF0000">{L_MINI_CAL_SAT}</span></td>
			</tr>
			<!-- BEGIN mini_cal_row -->
			<tr>
				<!-- BEGIN mini_cal_days -->
				<td class="row1" align="center"><span class="gensmall">{mini_cal_row.mini_cal_days.MINI_CAL_DAY}</span></td>
				<!-- END mini_cal_days -->
			</tr>
			<!-- END mini_cal_row -->
			</table>
			<hr />

			<!-- IF .mini_cal_holiday -->
			<table class="tablebg" width="100%" cellspacing="0">
				<!-- BEGIN mini_cal_holiday -->
				<tr>
				<td class="row1" align="left"><span class="gensmall">{mini_cal_holiday.MINI_CAL_HOLIDAYS}</span></td>
				</tr>
				<!-- BEGINELSE -->
				<tr>
				<td class="row1"></td>
				</tr>
				<!-- END mini_cal_holiday -->
			</table>
			<!-- ENDIF -->
			

		</td>
	</tr>
</table>
<br />

Thats make the Block a little bit smaller. So, this is the Style by 190px width/Internet Explorer 7:




MfG

Heinrich

[Sharky]

Thanks for your help mate, none of this worked for me though.

I ended up removing the <span></span> tags from;

Code: Select all

<td class="row1" align="center"><span class="gensmall">{mini_cal_row.mini_cal_days.MINI_CAL_DAY}</span></td>

to;

Code: Select all

<td class="row1" align="center"><class="gensmall">{mini_cal_row.mini_cal_days.MINI_CAL_DAY}</td>

This let me get the left & right blocks down to 190px with out any problems in FF & IE7.

Good enough until there is another fix I guess.

On a side note, where is this code from?

Code: Select all

{mini_cal_row.mini_cal_days.MINI_CAL_DAY}

I looked in common.php & lang_portal.php but there was not reference to it.

I'll start another thread about my next problem.

[Heinrich-XIV]

Hmm, thats wonder me, okay.

Removing the <span></span> tags works also, but I wan't to do this for my own. But the main thing is, its works by you and it solved your Problem.

MfG

Heinrich