Hello all,
I just update my code 2.2.0 to 3.1.1 version by changing all my code with
"data-ex-" and my custome timeline does not work. I see the timeline but do
not take my characteristics. height, width, background etc .. like the
version 2.2.0 who worked perfectly.
can you tell me what does not work ?
the goal is not to work with an API locally but to the loader to the
original adress.
thank you very much for your response.
here is the code of my timeline
<!-- Exhibit-->
<script src=
"http://api.simile-widgets.org/exhibit/3.1.1/exhibit-api.js"; type=
"text/javascript"></script>
<!-- Timeline-->
<script src=
"http://api.simile-widgets.org/exhibit/3.1.1/extensions/time/time-extension.js";
type="text/javascript"></script>
api bundle or not ? on my last version(2.2.0) i had this code for the api.
<script src="timeline/api/timeline-api.js?bundle=true&forceLocale=nl"
type="text/javascript"></script>
I put this code or not the timeline remains unchanged. So I take it that it
is not called.
<script>
var timeline-config = {timelineConstructor:
function (div, eventSource) {
div.style.height="650px";
div.style.width="863px";
var theme = Timeline.ClassicTheme.create();
theme.event.bubble.width = 500;
theme.event.bubble.height = 300;
theme.event.track.height = 40;
theme.event.tape.height = 18;
var bandInfos = [
Timeline.createBandInfo({
date: "Oct 14 2014 00:00:00 GMT",
width: "90%",
intervalUnit: Timeline.DateTime.DAY,
intervalPixels: 100,
eventSource: eventSource,
zoomIndex: 5,
theme: theme, // Apply the theme
zoomSteps: new Array(
{pixelsPerInterval: 280, unit: Timeline.DateTime.HOUR
},
{pixelsPerInterval: 140, unit: Timeline.DateTime.HOUR
},
{pixelsPerInterval: 70, unit: Timeline.DateTime.HOUR
},
{pixelsPerInterval: 35, unit: Timeline.DateTime.HOUR
},
{pixelsPerInterval: 400, unit: Timeline.DateTime.DAY
},
{pixelsPerInterval: 200, unit: Timeline.DateTime.DAY
},
{pixelsPerInterval: 100, unit: Timeline.DateTime.DAY
},
{pixelsPerInterval: 50, unit: Timeline.DateTime.DAY
},
{pixelsPerInterval: 400, unit: Timeline.DateTime.
MONTH},
{pixelsPerInterval: 200, unit: Timeline.DateTime.
MONTH},
{pixelsPerInterval: 100, unit: Timeline.DateTime.
MONTH} // DEFAULT zoomIndex
)
}),
Timeline.createBandInfo({
date: "Oct 14 2014 00:00:00 GMT",
width: "10%",
intervalUnit: Timeline.DateTime.WEEK,
intervalPixels: 200,
showEventText: false,
trackHeight: 0.5,
trackGap: 0.2,
eventSource: eventSource,
overview: true
})
];
// Band infos scroll
bandInfos[1].syncWith = 0;
bandInfos[1].highlight = true;
// vertical bar timeline
var date = new Date();
var date2 = new Date();
date2.setTime(date.getTime()+2*60*60*1000)
for (var i = 0; i < bandInfos.length; i++) {
bandInfos[i].decorators = [
new Timeline.SpanHighlightDecorator({
startDate: date,
endDate: date2,
color: "#FF0000",
opacity: 50,
}),
];
}
tl = Timeline.create(div, bandInfos, Timeline.HORIZONTAL);
return tl;
}
}
</script>
<body onload="onLoad();" onresize="onResize();">
that line is correct? data-ex-configuration="timeline-config"
<!-- Timeline preferences-->
<div
data-ex-show-summary="false"
data-ex-role="view"
data-ex-view-class="Timeline"
data-ex-start=".start"
data-ex-end=".end"
data-ex-color-key=".status"
data-ex-color-coder="status-colors"
data-ex-configuration="timeline-config"
>
</div>
--
You received this message because you are subscribed to the Google Groups
"SIMILE Widgets" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/simile-widgets.
For more options, visit https://groups.google.com/d/optout.
