web-dev-qa-db-fra.com

Comment organiser cinq blocs sur l'interface utilisateur

J'ai cinq blocs sur l'interface utilisateur:

enter image description here

Sur la base des droits de l'utilisateur, ces blocs seront visibles. Par exemple, si un administrateur se connecte, tous les blocs seront visibles.

  • Pour Manager, je veux montrer les blocs # 2,4 et 5.
  • Pour Team Lead, je veux montrer les blocs # 1 et 4.
  • Pour le superviseur, je veux montrer le bloc # 1,3,4,5. Et il pourrait y avoir plusieurs options (un maximum de 2 ^ 5).

Actuellement, je le fais codé en dur. Par exemple, pour Manager, l'arrangement est défini comme suit:

enter image description here

mais il n'y a actuellement aucune logique pour cet arrangement. Dois-je suivre une logique/formule appropriée pour organiser les blocs? Ou devrais-je décider comment chaque combinaison de blocs sera organisée.

Merci d'avance.

2
Ayse

Sur l'image, j'ai montré les deux meilleures façons de montrer 5 boîtes, la première que vous utilisez si les boîtes sont de la même taille et la seconde si vous utilisez les boîtes ou non de la même taille.

On the image I shown the two best ways you can show 5 boxes the first one you use if the boxes are the same size and the second on you use if the boxes or not the same size.

3
Zoli Hali

Que diriez-vous de les mettre côte à côte, en partant de la gauche. Si une ligne est remplie, vous commencez une ligne suivante. Fondamentalement, la façon dont iCloud.com le fait: enter image description here

2
Bart Gijssens

J'ai été un peu créatif avec, renuméroté peut-être pas dans l'ordre que vous voulez, mais cela aidera à améliorer le format si vous codez dur les emplacements. J'ai une configuration de démonstration ici . Il montre les combinaisons que vous dites que vous utiliserez avec la configuration globale 1-5. Je sais que c'est un peu inhabituel, mais cela pourrait mieux répondre à vos besoins en sortant un peu des sentiers battus. J'espère que cela t'aides.

0
Nick_M