2017-08-25 2 views
0

Je ne suis pas assez expert en CSS avancé ou dropzone pour savoir comment modifier le modèle de sorte que toute aide est appréciée. Je souhaite créer une zone de largeur fixe à une seule rangée pour les vignettes déroulantes qui défilent de gauche à droite pour afficher les fichiers actuellement dans le téléchargeur de zone de dépôt.Dropzone hauteur fixe avec le rouleau horizontal

Toute aide est appréciée. Pour info, j'ai déjà isolé les styles CSS qui définissent la largeur: 50% et je suppose qu'au moins une partie du travail y va.

Répondre

0

OK, avec quelques taper sur les touches comme un de ces singes infinis, j'ai pu le comprendre:

d'abord j'ajouté un nom de classe supplémentaire à mon conteneur dropzone:

<div class="dropzone hzScroll" id="lpDropzone"></div> 

Puis j'ai ajouté une définition de style au-dessus:

<style> 
    .dropzone .dz-preview.lp-preview { 
     width: 150px; 
    } 
    .dropzone.hzScroll { 
     width: 740px; 
     overflow: auto; 
     white-space: nowrap; 
    } 
</style> 
+0

J'ai fait une classe personnalisée similaire dans le modèle pour l'aperçu .lp afin que je puisse dépasser les 50% comme mentionné dans la question initiale. – Scott