Déplacer le footer d'un processus metier vers le haut

[ABE (Asmae BENCHEIKH)]

Bonjour,

Après avoir mis en place un processus métier sur mon référentiel, je souhaite remonter la bande de footer en haut. J’ai essayé d’y parvenir avec du code CSS, mais cela n’a pas fonctionné. Pourriez-vous me dire s’il existe une autre méthode pour le faire ou si j’ai peut-être raté une étape ? Merci d’avance !

[Francois (François Genestin)]

Bonjour,

Il n’y a pas de paramétrage pour cela.
En général dans un processus en terme d’UX, on oblige l’utilisateur à consulter toute l’activité avant de la valider, donc en mettant le bouton “NEXT” en bas à droite.

Si c’est un besoin non négociable en terme d’UX (quitte à ne pas voir une information en dehors de l’écran en bas), il faudra ajouter du CSS pour passer la .card en flexbox et déplacer les éléments.

Par exemple pour avoir dans l’ordre

1. le titre de l’activité
2. les boutons d’action
3. le contenu :

#pan_wkf_MyProcessName > .card { display: flex; }
#pan_wkf_MyProcessName > .card > .card-header { order: 1; }
#pan_wkf_MyProcessName > .card > .card-body   { order: 3; }
#pan_wkf_MyProcessName > .card > .card-footer { order: 2; }

[ABE (Asmae BENCHEIKH)]

Bonjour,

Merci pour votre réponse. J’ai essayé cette solution, mais elle n’a pas fonctionné. Voici le CSS que j’ai ajouté :

#pan_wkf_CreateEvaluation > .card { display: flex; }
#pan_wkf_CreateEvaluation > .card > .card-header { order: 3; }
#pan_wkf_CreateEvaluation > .card > .card-body { order: 2; }
#pan_wkf_CreateEvaluation > .card > .card-footer { order: 1; }

Après l’exécution, rien ne semble changer sur l’interface.

[Francois (François Genestin)]

Bonjour,

Il faudrait utiliser le debugger/inspector de votre navigateur pour vérifier/corriger votre CSS sur ces 3 éléments.

• si votre CSS est bien présent, où avez-vous déclaré le CSS custom ?
• si les selector sont corrects, #pan_wkf_CreateEvaluation existe dans la page ?

Par exemple en ajoutant à la ressource STYLES de la disposition responsive5

#pan_wkf_CreateUser > .card { display: flex; }
#pan_wkf_CreateUser > .card > .card-header { order: 1; }
#pan_wkf_CreateUser > .card > .card-body   { order: 3; }
#pan_wkf_CreateUser > .card > .card-footer { order: 2; }

On obtient à la création d’un User :

[ABE (Asmae BENCHEIKH)]

Bonjour,
La solution a bien fonctionné après l’ajout du CSS dans la ressource STYLES de la disposition responsive5.
Un grand merci pour votre aide !