Search the Community

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>