Problème pour menu avec onglets sous Symfony2
Résolu/Fermé
A voir également:
- Problème pour menu avec onglets sous Symfony2
- Menu déroulant excel - Guide
- Restaurer onglets chrome - Guide
- Windows 11 menu démarrer classique - Guide
- Canon quick menu - Télécharger - Utilitaires
- Réinitialiser menu démarrer windows 10 - Guide
2 réponses
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
9 août 2016 à 16:13
9 août 2016 à 16:13
Salut,
Si j'ai bien compris, tu utilises les "togglable tabs" de bootstrap pour afficher les infos des clients dans différents onglets :
https://getbootstrap.com/javascript/#tabs
Si ta boucle fonctionne correctement, ton code ci-dessus doit donc générer les onglets de navigation (<!-- Nav tabs --> dans l'exemple de la doc) permettant d'afficher les contenus des panels (<!-- Tab panes --> dans l'exemple de la doc).
Où est le code responsable de la génération du contenu des panels (une deuxième boucle normalement) ?
Enfin, chaque onglet de navigation doit posséder une balise a dont l'attribut href est égal à l'identifiant du panel correspondant, or pour l'instant tout tes onglets de navigation pointe sur le panel #tab_clients.
Cet attribut devrait être générer dynamiquement avec par exemple l'identifiant de l'utilisateur afin que chaque panel est un identifiant différent.
Bonne journée,
Si j'ai bien compris, tu utilises les "togglable tabs" de bootstrap pour afficher les infos des clients dans différents onglets :
https://getbootstrap.com/javascript/#tabs
Si ta boucle fonctionne correctement, ton code ci-dessus doit donc générer les onglets de navigation (<!-- Nav tabs --> dans l'exemple de la doc) permettant d'afficher les contenus des panels (<!-- Tab panes --> dans l'exemple de la doc).
Où est le code responsable de la génération du contenu des panels (une deuxième boucle normalement) ?
Enfin, chaque onglet de navigation doit posséder une balise a dont l'attribut href est égal à l'identifiant du panel correspondant, or pour l'instant tout tes onglets de navigation pointe sur le panel #tab_clients.
Cet attribut devrait être générer dynamiquement avec par exemple l'identifiant de l'utilisateur afin que chaque panel est un identifiant différent.
Bonne journée,
Bonjour Pitet,
Effectivement j'utilise bien togglable tabs et cela génère bien le nombre d'onglets en fonction de mon nombre de clients contenus dans ma BDD ! ;) Tout ça s'affiche grâce à une première boucle {% for %}.
Le code responsable de la génération des panels est chacun dans des vues différents que j'inclue dans ma vue principale.
Pour ce qui est des onglets je sais que l’attribut doit avoir un id unique permettant de pointer sur chaque panel. Je connais le problème et tu as juste répété ce que je venais d'expliquer ^^ C'est justement là que j'aimerai avoir la réponse ou alors une piste ! Comment faire pour que l'ID oit unique et que lorsque je clique sur chaque onglet le panel avec les infos correspondantes s’affiche correctement ? :/
Effectivement j'utilise bien togglable tabs et cela génère bien le nombre d'onglets en fonction de mon nombre de clients contenus dans ma BDD ! ;) Tout ça s'affiche grâce à une première boucle {% for %}.
Le code responsable de la génération des panels est chacun dans des vues différents que j'inclue dans ma vue principale.
Pour ce qui est des onglets je sais que l’attribut doit avoir un id unique permettant de pointer sur chaque panel. Je connais le problème et tu as juste répété ce que je venais d'expliquer ^^ C'est justement là que j'aimerai avoir la réponse ou alors une piste ! Comment faire pour que l'ID oit unique et que lorsque je clique sur chaque onglet le panel avec les infos correspondantes s’affiche correctement ? :/
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
Modifié par Pitet le 9/08/2016 à 17:19
Modifié par Pitet le 9/08/2016 à 17:19
Comme proposé, en ajoutant par exemple l'identifiant de l'utilisateur dans l'attribut href (et dans l'attribut id du panel) :
<a href="#tab_clients_{{ client.id }}" rel="nofollow" target="_blank"
Pépito
>
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
9 août 2016 à 17:31
9 août 2016 à 17:31
Du coup c'est ce que je venais de tester à l'instant ! ;) Merci beaucoup pour la piste. Il y a encore quelque chose de ne fonctionne pas totalement mas je vais chercher avant de revenir vers toi ;)
Merci !
Merci !
Pépito
>
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
10 août 2016 à 09:32
10 août 2016 à 09:32
Re bonjour,
J'ai bien rajouté l'attribut dans l'attribut href (et dans l'attribut id du panel). En revanche, cela ne fonctionne pas comme je le souhaite :/ Cela fonctionne bien pour le premier onglet, en revanche ne marche pas pour les autres onglets qui ont le même format #tab_cluster_{{ cluster.id }}
Est ce que tu aurais une idée de pourquoi pour le deuxième onglet par exemple il ne prend pas en compte ce format que je lui passe ? :/
J'ai bien rajouté l'attribut dans l'attribut href (et dans l'attribut id du panel). En revanche, cela ne fonctionne pas comme je le souhaite :/ Cela fonctionne bien pour le premier onglet, en revanche ne marche pas pour les autres onglets qui ont le même format #tab_cluster_{{ cluster.id }}
Est ce que tu aurais une idée de pourquoi pour le deuxième onglet par exemple il ne prend pas en compte ce format que je lui passe ? :/
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
10 août 2016 à 11:11
10 août 2016 à 11:11
Commence par vérifier si tu as des erreurs javascript dans la console de développement de ton navigateur. Vérifie également que tu n'es pas d'erreur de syntaxe html.
Peux tu sinon nous montrer le code html généré des onglets de navigation et des panels de contenu ?
Peux tu sinon nous montrer le code html généré des onglets de navigation et des panels de contenu ?