Jump to content

Calendar width


Recommended Posts

I recently added the Main calendar spud code into my website. I want to adjust the width of the calendar that is displayed. When I import it is stretches to be the width of the entire page. What can I adjust in order to do this?

Link to comment
Share on other sites

You need to wrap the Trumba spud javascript code  in a DIV or TABLE to enforce size. Here is an HTML page outlining both of these methods. The first is a fixed sized DIV of 600px wide and 400px tall. It smashes the calendar into a very small space. The second is a variable sized table whose width is 80% of the page. It flows very nicely.


<p>Calendar Spud inside a fixed width DIV.</p>
<div style="width:600px;overflow:auto;height:400px;">
<script type="text/javascript" src="//www.trumba.com/k.aspx?calendar=trumba-u&template=month"></script>

<p>Calendar Spud inside a variable width TABLE.</p>
<table style="width:80%;"> 
<script type="text/javascript" src="//www.trumba.com/k.aspx?calendar=trumba-u&template=month"></script>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...