Nur ein Grundbedürfnis, aber es kann nicht funktionieren. Ich hätte gerne eine Schaltfläche, um mein Bild ohne Text anzuzeigen.
Aber was ich bekomme, ist eine Schaltfläche, die nur ein ^ -Zeichen enthält und das Bild NICHT anzeigt, das nur eine Größe von 16x16 hat.
Also, das ist der Hauptbildschirm:
%Vor%Dies ist die CSS-Datei:
%Vor%Und das ist der generierte HTML-Code für die Schaltfläche:
%Vor%Und um das Bild zu prüfen, versuche ich diese URL, und tatsächlich zeigt es das Bild:
%Vor%Ich benutze tomcat 7, und das sind meine Abhängigkeiten:
%Vor%Irgendwelche Ideen, was schief gelaufen ist?
Danke!
Nach einigen Untersuchungen mit Firebug fand ich heraus, dass der Schuldige aus den CSS-Sachen stammt, die ich definiert habe.
Das sind die Änderungen, die ich gemacht habe, um das zu erreichen.
Die JSF-Schaltfläche:
%Vor%Das CSS:
%Vor%Und hier ist der generierte html:
%Vor%Danke!
schreibe ui-widget vor dem Symbol Klassennamen
Das .ui-state-default macht es in anderen Komponenten wie <p:menuitem/> und <p:menuButton/>
Primefaces bieten die graphicImage wie in ihren Showcase-Labs (defekter Link) dargestellt :
Es kann jemandem auf irgendeine Weise nützlich sein.
* Folgen Sie für PrimeFaces 5.2 diesem Link zu den Vorzeige-Laboren . Beachten Sie, dass der obige Code in diesem Fall nicht funktioniert.
Wenn commandButton verwendet wird, ist es wichtig, dass die Größe der PNG-Datei 16 x 16 ist, da ein größeres Bild möglicherweise nicht korrekt oder gar nicht angezeigt wird.
Tags und Links html css jsf jsf-2 primefaces