Simile Timeline - Floating Dates - Excellente bibliothèque

Nous essayons d'intégrer Simile Timeline (http://www.simile-widgets.org/timeline/) dans une page alimentée par SalesForce.com.Simile Timeline - Floating Dates

L'entreprise est, réservations d'appartements. Le calendrier affichera les réservations par rapport aux appartements correspondants. Les appartements apparaissent sur un div séparé sur le côté gauche et est fixe.

Nous pouvons rencontrer un calendrier très long (hauteur> 1000px). Ce qui se passe, c'est que les étiquettes de date apparaissent en bas de la page et ne sont pas visibles lorsque l'utilisateur est en haut de la page.

alt text http://img130.imageshack.us/img130/9459/grabsfcalendar.png (Notez que, il n'y a pas les réservations montrent dans ce grab, ni est la hauteur trop élevée)

Lorsque la bande de jour est trop longue pour entrer dans l'écran, les marqueurs de date sont cachés. Serait-il possible de faire flotter les dates (juste dans un groupe) de sorte que même lorsque l'utilisateur fait défiler (haut ou bas), les dates sont en vue fixe?

Source

2010-07-13 Vid L

Je ne suis pas sûr de bien comprendre votre question, mais lorsque vous créez un groupe dans le scénario, Timeline.createBandInfo() prend un objet paramètres, l'un de ces paramètres est 'align'. Si vous définissez cette option sur "Top", vos marqueurs de date apparaîtront en haut de la bande. Par exemple:

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

Mais notez la condition à http://www.simile-widgets.org/wiki/Timeline_ThemeClass#track

Alternativement, cette propriété peut être définie dans votre objet « thème » au lieu d'utiliser hAlign. voir les docs à:

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

Voir aussi le code à: http://code.google.com/p/simile-widgets/source/browse/timeline/trunk/src/webapp/api/scripts/ether-painters.js

La fonction qui applique effectivement le paramètre 'align' est:

Timeline.EtherIntervalMarkerLayout

Source

2010-09-16 19:05:25 jjon

align: "top" fonctionne aussi bien que pas de valeur définie. J'ai besoin des marqueurs de date pour montrer toujours - dans certains cas mon groupe sera trop grand pour tenir dans mon écran et les dates sont cachées. J'ai édité la question pour clarifier cela –

Je suppose que je ne suis toujours pas clair sur la question, et je ne suis pas sûr de ce que «top» fonctionne aussi bien que pas de valeur définie »signifie. Mais qu'en est-il de ceci: vous ajoutez un quatrième groupe en haut synchronisé avec le groupe en dessous. Ce groupe montrerait seulement les valeurs de date, aucun événement. Ensuite, vous aurez l'échelle du jour en haut et en bas. Je ne pense pas que vous puissiez les faire flotter parce que la stratégie de conception de la chronologie dépend de tous les éléments tracés sur la bande ayant leurs positions calculées comme absolues. – jjon

Pourquoi ne pas créer une bande distincte sans données, mais est synchronisé avec celui qui a des données, de cette façon, vous serez toujours en mesure de voir la date? Très probablement, vous devez activer les barres de défilement vertical pour être réellement dans la succession de l'écran.

Source

2011-06-20 04:05:10 Jabster2k

Mais ce groupe aussi va tomber si mon premier est très élevé. Je n'ai pas besoin d'une réponse à cela plus professionnellement, mais techniquement je suis très intéressé! –

Simile Timeline - Floating Dates

Répondre

Questions connexes