Симиле Хронология - плавающие даты - PullRequest
Новая
       22

Симиле Хронология - плавающие даты

0 голосов
/ 13 июля 2010

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

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

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

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

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

Ответы [ 2 ]

0 голосов
/ 20 июня 2011

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

0 голосов
/ 16 сентября 2010

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

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

В качестве альтернативы, это свойство может быть установлено в вашем объекте 'theme' вместо использования hAlign. см. документы по адресу:

http://www.simile -widgets.org / вики / Timeline_ThemeClass

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

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

Timeline.EtherIntervalMarkerLayout
...