Demandes d'évolutions : change:tabs

  • 56695.1

    03/04/2012 18:08


    Mathias
    Rang : Expert
    Bonjour,

    j'ai un ptit soucis avec l'utilisation de change:tabs qui est bien décrit sur stackexchange ici :
    http://stackoverflow.com/questions/8624531/preventing-scroll-when-using-uri-hash-to-identify-tab
    et ici :
    http://stackoverflow.com/questions/3659072/jquery-disable-anchor-jump-when-loading-a-page

    L'idée est de ne plus avoir le comportement par défaut des ancres où le navigateur va scroller jusqu'à le positionnement de l'ancre dans la page.

    Quand ce n'est pas souhaité, ce comportement peut être vraiment un frein à l'utilisabilité du site... rendre optionnable ce comportement serait un vrai plus pour l'objet change:tabs.

    par contre, je ne vois pas comment "patcher" mon projet en cours pour traiter le problème... (déjà comment overrider change:tabs ? en m'en faisant un perso ?)

    pour en discuter !

    merci

    Édité par Gaël Port 04/04/2012 10:27


    Développe sous linux Ubuntu 12.04 LTS Desktop
    Projet ecommerce core 3.6.7
  • 56695.2 en réponse à 56695.1 écrit par Mathias

    04/04/2012 15:13


    Jean-Michel
    Titre : Community Manager
    Rang : Expert
    Bonjour,

    il ne me semble pas avoir rencontré ce cas jusqu'à présent. Voici un exemple basé sur une implémentation que j'ai réalisé et où je ne rencontre pas ce problème, en espérant que cela puisse être utile.

    Exemple du CSS :
    .tabs-container .tab
    {
    	min-height: 400px;	
    	max-height: 400px;
    }
    
    #tabs.ui-tabs {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        font-size: 1em;
    }
    
    .container-tab
    {
    	max-height: inherit !important;
    	overflow:auto;
    	padding-right: 10px;
    }
    
    .tab-content
    {
    	text-align: left;
    }


    Exemple du code du template :
    <div class="tabs-container">
    <div change:tabs="id tabs">
    	<div change:tab="name panTab1; label &modules.mymodule.frontoffice.LabelTab1; doTitle false">
    		<div class="container-tab">
    			<div id="content-tab1" class="tab-content">
    				TAB 1 CONTENT
    			</div>
    		</div>
    	</div>	
      	<div tal:condition="php: count(tab2Datas) GT 0" change:tab="name panTab2; label &modules.mymodule.frontoffice.LabelTab2; doTitle false">
    		<div class="container-tab">
    			<div id="content-tab2" class="tab-content" >
    				TAB 2 CONTENT
    			</div>
    		</div>
    	</div>
    	<div tal:condition="php: count(tab3Datas) GT 0" change:tab="name panTab3 label &modules.mymodule.frontoffice.LabelTab3; doTitle false">
    		<div class="container-tab">
    			<div id="content-tab3" class="tab-content" >
    				TAB 3 CONTENT
    			</div>
    		</div>
    	</div>
    </div>
    </div>


    Sans un exemple plus explicite permettant de constater le problème ni de le reproduire il va m'être assez difficile de pouvoir apporter une meilleure réponse.

    Édité par Jean-Michel 12/04/2012 12:05


    Pour une meilleure réponse, pensez à indiquer la version sur laquelle vous rencontrez des difficultés, ainsi que son type (CMS ou eCommerce core).
    Pour tout problème d'installation indiquez le nom de l'hébergeur et s'il s'agit d'un serveur mutualisé ou dédié.
  • 56695.3 en réponse à 56695.2 écrit par Jean-Michel

    12/04/2012 12:00


    Mathias
    Rang : Expert
    après relecture, effectivement, je ne suis pas très explicite...
    le fonctionnement de change:tabs est bon, sans problèmes au sens strict du terme, c'est l'utilisation forcée du hashtag #[tabname] derrrière l'url que je suggère d'améliorer/rendre configurable.

    dans ton exemple, quand tu cliques sur les différentes tabulations, l'URL de ta page se voit ajoutée un hastag (ancre). C'est très bien, ça permet de gérer un historique de navigation si souhaité, ça permet aussi de faire pointer une url vers une tabulation choisie.

    Le comportement que j'aimerai voir amélioré, est lorsque tu copie l'url contenant un hastag, que tu ouvres un nouvel onglet, que tu copies cette url et que tu valides :
    le navigateur scroll jusqu'au niveau du titre de la tabulation. C'est normal, c'est le comportement par défaut d'une ancre, mais dans mon cas, je ne souhaite pas que le navigateur fasse ce scroll naturel.

    Les liens fournis proposent des solutions pour pallier ce comportement et ce qui serait interessant c'est de pouvoir passer un paramètre du type "no-scroll" pour outrepasser le comportement naturel d'une ancre.

    est-ce que c'est plus clair ?

    Développe sous linux Ubuntu 12.04 LTS Desktop
    Projet ecommerce core 3.6.7
  • 56695.4 en réponse à 56695.3 écrit par Mathias

    17/04/2012 10:03


    Jean-Michel
    Titre : Community Manager
    Rang : Expert
    C'est effectivement plus clair.

    Nous verrons si nous intégrerons ou non une évolution de ce type. Nous n'avons pas encore statué, mais nous gardons le sujet dans nos petits papiers

    Pour une meilleure réponse, pensez à indiquer la version sur laquelle vous rencontrez des difficultés, ainsi que son type (CMS ou eCommerce core).
    Pour tout problème d'installation indiquez le nom de l'hébergeur et s'il s'agit d'un serveur mutualisé ou dédié.
 
Merci de prendre connaissance et de respecter les règles des forums.
 
1457 membres
Aucun membre connecté