html - Need help to display an icon image in a command button -

-

just basic need cannot work. have primefaces button display image, without text.

but button contains ^ character , not displaying image, has size of 16x16.

so, primefaces button :

<p:commandbutton image="ui-icon-csv" title="csv document" ajax="false">     <p:dataexporter type="csv" target="gridrpbdetails"          filename="#{tinputbean.exportfilename}" /> </p:commandbutton>

this css file :

.ui-icon-csv {     background-image: url(images/csv_small.png); }

and generated html button :

<button type="submit" onclick=";"      name="gridrpbdetails:j_idt82" id="gridrpbdetails:j_idt82"      class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary"      role="button" aria-disabled="false">         <span class="ui-button-icon-primary ui-icon ui-icon-csv"></span><span class="ui-button-text">csv document</span> </button>

and prove image accessible, try url, , indeed shows picture :

http://albert:8080/mywebapp/faces/javax.faces.resource/images/csv_small.png

im using tomcat 7, , these dependencies :

<dependency>     <groupid>org.primefaces</groupid>     <artifactid>primefaces</artifactid>     <version>2.2.1</version> </dependency> <dependency>     <groupid>com.sun.faces</groupid>     <artifactid>jsf-api</artifactid>     <version>2.0.4-b09</version>     <scope>compile</scope> </dependency> <dependency>     <groupid>com.sun.faces</groupid>     <artifactid>jsf-impl</artifactid>     <version>2.0.4-b09</version>     <scope>compile</scope> </dependency>

any ideas went wrong ?

thank !

after investigation using firebug, found out culprit css stuff defined.

so these changes made make work.

the jsf button :

<p:commandbutton image="ui-icon-xls" title="excel document" ajax="false">     <p:dataexporter type="xls" target="gridrpbdetails"          filename="#{tinputbean.exportfilename}" /> </p:commandbutton>

the css :

.ui-state-default .ui-icon-xls {     background-image: url(images/excel_small.png); }

and here generated html :

<button type="submit" title="excel document" onclick=";"    name="gridrpbdetails:j_idt81" id="gridrpbdetails:j_idt81"    class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only"    role="button" aria-disabled="false">     <span class="ui-button-icon-primary ui-icon ui-icon-xls"></span>     <span class="ui-button-text">ui-button</span> </button>

thank !


Comments

Post a Comment

Popular posts from this blog

Cursor error with postgresql, pgpool and php -

-
hey, struggling bit determine exact cause of error has been popping in our release environment. there not seem dealing particular error on google. this error message getting: sqlstate[34000]: invalid cursor name: 7 error: portal "" not exist the error pops when using pdo prepared statements. this setup our release environment: pgpool 3.0.1 (the postgresql backend in streaming replication mode!) php 5.3.5 postgresql 9.0 edit: architecture 64bit. the same error not manifest in our test environment (edit: forgot mention, standard test environment uses postgresql 9.0 without pgpool). thus, led suspect pgpool @ least partly suspect. does know probable causes error are? edit: ok, here example of kind of code causes error. $sql = 'select * '; $sql .= 'from "mytable" "mystuff" '; $sql .= 'where "mytable"."status" = 1 '; $sql .= 'and "mytable"."mytableid" = :table...
Read more

delphi - ESC/P programming! -

-
why need use because printers using tprinter prints weird hieroglyph @ beginning of printable area. my problem if send commands, nothing happens. esc e (#27 #69) - sending escape sequence didn't work expected. removed first letter , rest of string made bold. eg. hello -> ello . after changed esc e esc (#27 #69 #27), worked fine. example managed figure out, but... trying select character table "esc t n" (#27 #116 n), make "õäöü" work. command doesn't work. nothing happens! , command supported esc/p, esc/p 2 , 9-pin esc/p, should work fine. manual can found here . if has ever needed use esc/p commands maybe 1 can shed light how work them! thanks in advance! edit: in previous post asked more or less same question though answers how did send commands printer. (i'll change question there according answers!) i accepted ken's answer, because claimed way transferred commands wasn't best , got work escape command. problem after t...
Read more

c++ - error: use of deleted function -

-
i've been working on c++ code friend has written , following error have never seen before when compiling gcc4.6: error: use of deleted function ‘gamefsm_<std::array<c, 2ul> >::hdealt::hdealt()’ implicitly deleted because default definition ill-formed: uninitialized non-static const member ‘const h_t floppokergamefsm_<std::array<c, 2ul> >::hdealt::h’ edit: comes part of code using boost msm: boost webpage edit2: there no = delete() used anywhere in sourcecode. generally speaking, error mean? should looking when type of error occurs? i don't think other answers mentioning =deleted; syntax correct. error message says default constructor has been deleted implicitly . says why: class contains non-static, const variable, not initialized default ctor. class x { const int x; }; since x::x const , must initialized -- default ctor wouldn't initialize (because it's pod type). therefore, default ctor, need define 1 (and must ...
Read more