Développer avec RBS Change : template backoffice

  • 46003.1

    27/10/2011 11:56


    Steven Hartz
    Rang : Expert
    Bonjour,
    J'ai un souci actuellement dans le backoffice avec mon template.
    Pour me "faciliter" la vie j'ai fait un template spécifique pour le backoffice avec son propre css.
    Le problème c'est que le contenu ne s'agrandit pas pour les textes longs. Du coup je peux même pas scroller pour arriver au bas du contenu.

    Ci-dessous les bouts de code du xml et du css

    <change:template id="tplPerso" content-type="xul">
    <hbox>
      <vbox>
        <change:content id="left-content-block" />
      </vbox>
      <vbox>
        <change:content id="content-block" />
      </vbox>
    </hbox>
    	</change:template>

    #left-content-block{width:275px;float:none;}
    #content-block{width:675px;float:none;}


    Je pense normalement que si j'utilise un template spécifique au backoffice qu'il n'est pas influencé par le template du front. Dans mon css je n'ai rien qui interfère, "normalement", avec le css pour le xul, j'ai juste déclaré les ids left-content-block et content-block pour le backoffice.

    J'ai pourtant rien fait de spécial et je vois pas pourquoi le contenu ne s"agrandit pas, si maintenant je passe par le tplOne, pour tester, dans ce cas là ça fonctionne, bizarre.

    Développeur Web
    Clic et Site
    RBS CHANGE Commerce 3.5.6
  • 46003.2

    27/10/2011 15:19


    Gaël Port
    Titre : Développeur RBS Change
    Rang : Expert
    A priori je vous conseillerais de vous inspirer de ce qui est fait dans le thème developer (un thème ultra-minimaliste qui nous sert en interne pour le développement sur le produit RBS Change).

    On a ça pour le template backoffice (dans templates/onecolumn.xml) :
    	<change:template id="top" content-type="xul">
    		<hbox id="contentLocation">
    			<vbox id="content">
    				<change:content id="content-block" />
    			</vbox>
    			<vbox id="sidebar">
    				<change:content id="sidebar-block"/>
    			</vbox>
    		</hbox>
    	</change:template>
    (dans le fichier actuellement commité dans le repository, il y a des div avec des attributs orient mais pour un template backoffice c'est effectivement plus simple de faire comme vous des vbox et hbox)

    Et ça pour le style associé (dans style/onecolumn.xul.all.css) :
    #contentLocation{
    	width: 950px;
    	min-width: 950px;
    	max-width: 950px;
    }
    #content-block{
    	width: 736px;
    	min-width: 736px;
    	max-width: 736px;
    }
    #sidebar-block{
    	width: 214px;
    	min-width: 214px;
    	max-width: 214px;
    }
    En gros on a un id pour l'englobant et un pour chaque zone de contenu avec des largeurs fixées pour chacun. D'autre part il me semble me souvenir qu'il vaut mieux mettre les min-width et max-width aussi (même si je ne me souviens plus précisément de ce que ça résout).
 
Merci de prendre connaissance et de respecter les règles des forums.
 
1359 membres
Aucun membre connecté