Jump to content

Calendar is wider than the maximum width for my web page's content

Recommended Posts

If you want to make the calendar fit into a set space that's narrower than the default calendar width, you can place it into a DIV tag, using the best width and height for your page, and use the overflow attribute to add scroll bars to the DIV container. For example,


<div style="width:400px; overflow:auto;">
<script type="text/javascript" src="//www.trumba.com/scripts/spuds.js"></script>
<script type="text/javascript">
$Trumba.addSpud (
{ webName: "yourcalwebname",
spudType: "spudtype" });

Special case: Multi-day template

The Multi-day template requires a width of nearly 800px and behaves a little differently than the others. If your calendar uses this template, and you want it to fit into a narrower space, you need to take the code above one step further.

First, you need to create a DIV for the dimensions you want the calendar to fill on your page. Then you create a second DIV to hold the calendar. This is what the code looks like:

<div style="width:400px; overflow:auto;">
<div style="width:800px;>
Spud code

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