jsf - Primefaces tabview language menu -


im having problem primefaces simple language menu. it's tabs consists of 2 elements. english , spanish.

the issue have when flags appear giant blank space appears right next flags.

the white space on right side of flags

i see no problem in code. wanted know if knows how solve it.

code:

<ul> <h:form> <li> <h:commandbutton action="#{localebean.changelanguage('en')}"  value="english" image="/resources/modena-layout/images/us.png" />                           </li>  <li> <h:commandbutton action="#{localebean.changelanguage('es')}"  value="spanish" image="/resources/modena-layout/images/es.png" /> </li> </h:form> </ul> 

instead of commonbutton, maybe should try this:

<p:commandlink action="#{localebean.changelanguage('en')}"      <div id="englishflag" class="englishflagclass" /> </p:commandlink> 

css:

.englishflagclass {     width: 24px;     height: 24px;     background: url("../url_to/englishflag.png") no-repeat center;     background-size: 100%;     margin-left: auto;     margin-right: auto;     display: inline-block; } 

that way image link looks button. can style link css wish. maybe css properties redundant in case (i copied sample) it's start.


Comments

Popular posts from this blog

mysql - Dreamhost PyCharm Django Python 3 Launching a Site -

java - Sending SMS with SMSLib and Web Services -

java - How to resolve The method toString() in the type Object is not applicable for the arguments (InputStream) -