I just started using Smart Client and trying out its Timeline view. By default I see in the demo that the timeline view provides 21 days view and that fills the screen. However, when I change it to just 7 days view it doesn't display in full width of the page and just shows up in condensed view.
For example, consider following demo link of simple timeline -
https://www.smartclient.com/docs/release/a/system/reference/SmartClient_Explorer.html#simpleTimeline
Here, if I just change the number of days in the end date to display only 7 days instead of 21 days it just cuts those days from the view and so the 7 days shows only in half the screen instead of stretching through the width of the page.
How do I make it consume full width of the page? I looked up Smart Client documentation but couldn't find anything that helped. I will appreciate any help as I am finding it frustrating as a starter of Smart Client.
For example, consider following demo link of simple timeline -
https://www.smartclient.com/docs/release/a/system/reference/SmartClient_Explorer.html#simpleTimeline
Here, if I just change the number of days in the end date to display only 7 days instead of 21 days it just cuts those days from the view and so the 7 days shows only in half the screen instead of stretching through the width of the page.
Code:
var developers = [
{ name: "charlesMadigen", title: "Charles Madigen" },
{ name: "tamaraKane", title: "Tamara Kane" },
{ name: "darcyFeeney", title: "Darcy Feeney" },
{ name: "kaiKong", title: "Kai Kong" },
{ name: "shellyFewel", title: "Shelly Fewel" },
{ name: "garretMonroe", title: "Garret Monroe" }
];
var _calStart = isc.DateUtil.getStartOf(new Date(2012, 6, 5), "W");
var _calEnd = _calStart.duplicate();
_calEnd.setDate(_calEnd.getDate() + 5);
isc.Timeline.create({
ID: "timeline",
height: 451,
startDate: _calStart,
endDate: _calEnd,
data: events,
lanes: developers,
headerLevels: [ { unit: "week" }, { unit: "day" } ],
laneFields: [ { name: "title", title: "Developer", width: 120 } ],
canEditLane: true,
showEventDescriptions: false,
columnsPerPage: 5
});