Can you place spuds together side by side instead of stacked?

[n2singing]

I'm trying to have the main calendar view and the search spud appear next to each other on my calendar page (just to take up less vertical real estate). However, they always come out stacked, one on top of the other. I've tried to put the javascript in a <TABLE> layout using 2 cells <TD> next to each other in the same row, but it seems that the javascript must "spit out" a carriage return or something.

[Guest Adam]

I was able to get this to work, using the method that you described. It looked something like this:

<table>
<td> 
<spud script> main calendar spud here
</script> 
</td> 

<td> 
<spud script> insert search spud here
</script>
</td>
</table>

 

It sounds like you're on the right track. If this still isn't working for you, if you'd like to share your URL here, I'd be happy to investigate.

[Connie]

You might also want to try using divs instead of a table to line up your spuds.

For example to line up a main calendar spud and search spud, you might use two divs like this:

 

<div style="width:160px;float:left">
<script type="text/javascript" src="//www.trumba.com/scripts/spuds.js"></script>
<script type="text/javascript">
$Trumba.addSpud({
webName: "yourcalendarswebname",
spudType : "mix" });
</script>
</div>

<div style="width:160px;padding-left:180px;">
<script type="text/javascript" src="//www.trumba.com/scripts/spuds.js"></script>
<script type="text/javascript">
$Trumba.addSpud({
webName: "yourcalendarswebname",
spudType : "searchlabeled" });
</script>
</div>

 

Where it says yourcalendarswebname just make sure your calendar's name is inserted. You don't have to stick with the exact width or padding amounts that I've added here but this gives you an idea of how you might set up the divs.