Simile Timeline - Плавающие даты

Мы пытаемся интегрировать временную шкалу Simile (http://www.simile-widgets.org/timeline/) на страницу с поддержкой SalesForce.com.

Дело в том, что бронирование квартир. В календаре отобразятся бронирования соответствующих квартир. Квартиры отображаются в отдельном блоке с левой стороны и фиксируются.

Мы можем столкнуться с очень длинным календарем (высота > 1000 пикселей). Что происходит, метки даты появляются внизу страницы и не видны, когда пользователь находится вверху страницы.

http://img130.imageshack.us/img130/9459/grabsfcalendar.png (Обратите внимание, что в этом захвате нет бронирований и высота не слишком велика)

Когда полоса ДЕНЬ слишком длинная и не помещается на экране, маркеры даты скрываются. Можно ли плавать даты (только в одной полосе), чтобы даже когда пользователь прокручивает (вверх или вниз), даты по-прежнему видны?


javascript css timeline simile
person Vid L    schedule 13.07.2010    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Я не уверен, что правильно понял ваш вопрос, но когда вы создаете группу на временной шкале, Timeline.createBandInfo() принимает объект параметров, одним из этих параметров является «выравнивание». Если вы установите для этого параметра значение «Верх», ваши маркеры даты появятся в верхней части полосы. Например:

Timeline.createBandInfo({
    eventSource: eventSourceNarrative,
    date: "May 10 1199 00:00:00 GMT",
    width: "40%",  
    align: "Top",
    intervalUnit: Timeline.DateTime.MONTH,
    intervalPixels: 52,
    theme: johnTheme
}),

Но обратите внимание на оговорку на http://www.simile-widgets.org/wiki/Timeline_ThemeClass#track

Кроме того, это свойство можно установить в объекте «тема» вместо использования hAlign. см. документы по адресу:

http://www.simile-widgets.org/wiki/Timeline_ThemeClass

См. также код по адресу: http://code.google.com/p/simile-widgets/source/browse/timeline/trunk/src/webapp/api/scripts/ether-painters.js

Функция, которая на самом деле применяет параметр 'align':

Timeline.EtherIntervalMarkerLayout
person jjon    schedule 16.09.2010
comment
align: top работает так же хорошо, как и без установки значения. Мне нужно, чтобы маркеры даты всегда отображались - в некоторых случаях моя группа будет слишком высокой, чтобы поместиться на моем экране, и даты будут скрыты. Я отредактировал вопрос, чтобы уточнить это - person Vid L; 28.09.2010
comment
Думаю, я все еще не совсем понял этот вопрос, и я не уверен, что означает «верхняя часть работает так же хорошо, как и отсутствие набора значений». Но как насчет этого: вы добавляете четвертую полосу вверху, синхронизированную с полосой под ней. Эта полоса будет отображать только значения даты, а не события. Тогда у вас будет шкала ДНЯ как сверху, так и снизу. Я не думаю, что вы можете их плавать, потому что стратегия проектирования временной шкалы зависит от того, что все элементы, нанесенные на полосу, имеют свои позиции, рассчитанные как абсолютные. - person jjon; 01.10.2010

arrow_upward
0
arrow_downward

Почему бы не создать отдельный бэнд без данных, но синхронизированный с тем, в котором есть данные, таким образом, вы всегда сможете увидеть дату? Скорее всего, вам нужно включить вертикальные полосы прокрутки, чтобы фактически находиться в пределах экрана.

person Jabster2k    schedule 20.06.2011
comment
Но эта полоса тоже пойдет вниз, если мой первый будет очень высоким. Мне не нужен ответ на этот вопрос более профессионально, но технически я очень заинтересован! - person Vid L; 27.06.2011