On Thu, 2006-12-28 at 16:15 -0800, Saad Aziz wrote:

> 
> So I modified the following function:
> function onLoad() {
> 
>   var months=new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun",
> "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
> 
>         theme.event.bubble.width = 100;
>         theme.event.bubble.height = 60;
>   var d=new Date();
> 
>   var dtStamp=months[d.getMonth()]+" "+d.getDate()+"
> "+d.getFullYear()+" 00:00:00 GMT";
>   var eventSource = new Timeline.DefaultEventSource();
> 
>   var bandInfos = [
> 
>     Timeline.createBandInfo({
> 
>         eventSource:    eventSource,
> 
>         date:           dtStamp,
> 
>         width:          "85%",
> 
>         intervalUnit:   Timeline.DateTime.MONTH,
> 
>         intervalPixels: 400
> 
>     }),

Saad,

You neglected to set the theme for your bandInfos. You should include
the line:
        theme:          theme (<- name of a different theme)

if you don't modify the default.  I'd recommend you create a new,
different, one.

That will tell the Timeline application to make use of the new theme
object so that your resizing of the bubbles takes effect.

You can create a new theme object in onLoad() if you wish for it to be a
different theme, like this:

function onLoad()
{
        var theme = Timeline.ClassicTheme.create();
        theme.event.label.width = 150;
        theme.event.bubble.width = 320;
        theme.event.bubble.height = 125;
        [...]
}

The Dinosaur Timeline example is a good place to look for a full
example, IIRC.


    - VAB




_______________________________________________
General mailing list
[email protected]
http://simile.mit.edu/mailman/listinfo/general

Reply via email to