Jump to content

Recommended Posts

Posted

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?

Posted

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.

<html><body>

<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>
</div>

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

</body></html>
 

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.

Guest
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.

Loading...
×
×
  • Create New...