Discussion :

[zooffy]

Bonjour tout le monde

J'ai mis un FileUplaod dans ma page et j'ai voulu appliquer une CssClass pour mettre en forme le bouton.

Et le résultat est plus ou moins surprenant : la zone de saisie pour mettre le chemin du fichier change, mais pas le bouton, enfin à peine.

Voilà la CSsClass :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
.lesboutons
{
    background-color:#66CC00;
    color:#663333;
    font-weight:bold;
}

La zone de saisie a un fond vert et le chemin inscrit dedans est en marron. Mais le bonton reste gris, juste il a les coins bien carré.

Les couleurs sont bien celle que je voulais, mais pas au bon endroit !!!
Est ce que j'ai un moyen d'agir sur le bouton et pas la TextBox ?

[neptune]

Une solution disponible ici:

http://tiagoe.blogspot.com/2010/01/c...file-tags.html

[zooffy]

Merci pour ton aide.

Mais il s'agit là d'un Input type=File, pas d'un FileUpload.

Je vois pas trés bien comment adapter sauf à changer de contrôle, ce que je ne veux pas faire.

[neptune]

Ton contrôle serveur ASP.NET FileUpload va généré un élément HTML de type input=file. Donc c'est pareil.

[zooffy]

Merci pour ton aide.

J'ai tenté un test en mettant un truc comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<input type="text" id="fileName" class="file_input_textbox" readonly="readonly" />
                            <div class="file_input_div">
                                <input type="button" value="Parcourir" class="file_input_button" />
                                <asp:FileUpload ID="fuImgGig" runat="server" CssClass="file_input_hidden" /><br />
                            </div>

J'ai recopié les classes CSS du blog que tu as donné dan mon fichier CSS.

Alors sur une page de test où il y que ça, c'est bon, c'est beau, ça marche.
Une fois mis en place dans la page finale le bouton disparait lorsque je rentre dans une zone de saisie où j'ai un compteur de caractère en Jscript

Mais, au surplus, je trouve que ça fait vachement "bricolage" comme solution. Si j'ai bien suivi on "efface" le bouton de base que l'on remplace par un bouton différent on on superspose le truc pour que le clique fonctionne.
Le fait de mettre un bouton sous forme d'input m'empêche de travailelr sur le contrôle, vu qu'il n'est pas serveur.

Y aurait pas un moyen plus conventionnel qui permettrait de travailler juste avec un contrôle serveur FileUpload ?

[neptune]

Non, il n'y a pas vraiment de moyen traditionnel; la faute au browser

[zooffy]

Bon, ben va falloir que je cherche pourquoi le bouton disparait dés que je saisi un texte.

Merci à toi

[lutecefalco]

Bon, ben va falloir que je cherche pourquoi le bouton disparait dés que je saisi un texte.

Merci à toi

Regarde si t'as ce comportement sur différents browsers pour commencer

[zooffy]

J'ai fait un test sur IE et sur FF et j'ai ce comportement uniquement sur IE.

Une idée de piste à suivre ?

[Immobilis]

Salut,

Tu as regardé ici: http://jlambert.developpez.com/tutor.../themesaspnet/?

A+

[zooffy]

Merci pour le lien Immobilis.

Je connais toutes ces techniques te je les utilise, mais je n'ai pas, aprés relecture, trouvé un truc qui pourrait m'aider.

En plus, avec le bug que je me tape, j'avoue que je ne me suis pas trop repenché sur mon souci.