Steve A Posted July 12, 2012 Report Share Posted July 12, 2012 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" }); </script> </div> 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 </div> </div> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
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.