Discussion :

[GDS_Strou]

Bonjour,

Je travail sur une timeline des extensions de primefaces et je rencontre un petit soucis sur l'affichage de mes event.
Je m'explique et joins une photo ci-dessous pour que ce soit plus explicite.

J'ajoute des event dans ma timeline avec cette ligne de code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

event = new TimelineEvent(uneDispo, debut, fin, true, libelle, valide);

- uneDispo correspond à un objet de ma classe Dispo
- debut est la date de début de l'event
- fin est la date de fin de l'event
- true pour editable
- libelle est le nom de l'entete de ligne (par exemple 2/4)
- valide est pour dire que je vais chercher le div.valide dans mon css.


J'en viens à mon problème, dans mes event il y a le toString de mes objets qui s'affiche. (voir photo 1).
Mais pour mon projet, je ne dois rien afficher dans mes event, sauf dans les event qui sont blanc.

J'ai donc tenter de retourner un toString = "" pour mes Dispo qui ne doivent rien afficher.
Cela résout en partie mon problème mais du coup la hauteur de mes event est divisé par 2 (voir photo 2).

Je ne sais pas comment faire pour ce problème, une aide m'aiderai beaucoup.


Ci dessous la photo :



Voici le fichier CSS de ma timeline :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
 
@CHARSET "ISO-8859-1";
/* Custom styles for the TIMELINE */
div.timeline-frame {
    border-color: #9BCC60;
    border-radius: 5px;
}
 
div.timeline-axis {
    border-color: #9BCC60;
    background-color: #9BCC60;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BCC60', endColorstr='#9BCC60') alpha(opacity = 100);
    background: -webkit-gradient(linear, left top, left bottom, from(#9BCC60), to(#9BCC60));
    background: -moz-linear-gradient(top,  #9BCC60,  #9BCC60);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
 
div.timeline-groups-axis {
    border-color: #9BCC60;height: 1000;
}
 
div.timeline-groups-axis-onleft {
    border-style: none solid none none;
}
 
div.timeline-axis-text {
    color: white;
}
 
div.timeline-event {
    color: black !important;
    border-radius: 2px !important;
}
 
div.timeline-event-content {
    padding: 5px;
    text-shadow: none;
}
 
div.cree {
    background: #ED7F10 none !important;  /* orange FFA500*/
    border-color: #cc8100 !important;     /* orange cc8100*/
}
 
div.test {
    background: #F03030 none !important;  /* red F03030*/
    border-color: #bd2828 !important;     /* red bd2828*/
}
 
div.valide {
    background: #1AA11A none !important;  /* green 1AA11A*/
    border-color: #136e13 !important;     /* green 136e13*/
}
 
div.terrain {
    background: #FFFFFF none !important;  /* blanc */
    border-color: #CECECE !important;     /* blanc */
}
 
div.timeline-event-selected {
    background: #BECEFE none !important;
    border-color: #97B0F8 !important;
}
 
.ligneTab{
       display: table-cell;
}
.celluleLibTab{
       width: 150px;
       height: 30px;
}
.celluleEscTab{
       width: 80px;
       height: 30px;
}