Lorsqu'un programme est partie centrale d'un canevas, il est impossible de l'afficher sans afficher les autres parties qui composent ce canevas.
Dans certains cas de figure, on veut pouvoir afficher ce programme sans ces parties (lors d'un affichage en popup sur un guide par exemple).
La seule solution "Adélia" est de dupliquer ce programme et de ne pas lui affecter un canevas.
Cependant, à l'aide de règles de style CSS il est possible de rendre invisible les parties du canevas.
Par exemple : le canevas CAN1 possède une partie haute (avec "Coin haut gauche inclus" coché) et une partie gauche.
Etape 1 : Dans la boîte "Détail" de la partie gauche, rajouter une classe de style CSS "partieGaucheInvis". si celle-ci en possède déjà une, la rajouter en saisissant un espace après la première classe (ex: maClasse partieGaucheInvis).
Etape 2 : Dans la maquette Dreamweaver du programme partie centrale, rajouter dans la balise HEAD une balise Adélia condition contenant les règles de style CSS à exécuter lorsque l'on veut rendre les parties invisibles :
<adelia:b_cond name="CND_PARTIES_INVIS" />
<style>
<!--
/* Pour FF ou IE 7 en mode conforme ou IE 8 en mode IE 8*/
/* Rendre invisible le TR de la partie haute */
#AdeliaLayout_CAN1 > tbody > tr:first-child {
display:none;
}
/* Pour IE 6 ou IE 7 en mode natif */
/* TR partie haute */
#AdeliaLayout_CAN1 tbody tr {
display:expression(this.previousSibling == null && this.parentNode.parentNode.id == 'AdeliaLayout_CAN1' ? 'none' : 'auto');
}
/* TD partie Gauche */
.partieGaucheInvis {
display:none;
}
-->
</style>
<adelia:e_cond />
Etape 3 : Dans le pavé INITIALISATION de la page du programme centrale, fixer CND_PARTIES_INVIS à *VRAI lorsque l'on veut rendre les parties invisibles.
Note : A partir de la v11 PTF 7 FIX 1, chaque TD contenant les parties d'un canevas a une valeur d'attribut ID fixée comme suit :
- partie haute : id = AdeliaLayout_Top,
- partie gauche : id = AdeliaLayout_Left,
- partie droite : id = AdeliaLayout_Right,
- partie basse : id = AdeliaLayout_Bottom,
- partie centrale : id = AdeliaLayout_Central.
Articles connexes