Primefaces Mobile calendar looks like primefaces calendar component -


i m new @ primefaces mobile. made simple page , have few problem p:calendar. calendar primefaces calendar, not primefaces mobile. here code:

<f:view xmlns="http://www.w3.org/1999/xhtml"     xmlns:f="http://java.sun.com/jsf/core"     xmlns:h="http://java.sun.com/jsf/html"     xmlns:ui="http://java.sun.com/jsf/facelets"     xmlns:p="http://primefaces.org/ui"     xmlns:pm="http://primefaces.org/mobile"             contenttype="text/html"     renderkitid="primefaces_mobile">    <pm:page title="edms">         <f:facet name="postinit">                                <link rel="stylesheet"             href="#{request.contextpath}/javax.faces.resource/calendar/calendar.css.jsf?ln=primefaces-mobile" />      <h:outputstylesheet library="primefaces-mobile" name="calendar/calendar.css"  />      <h:outputscript library="primefaces-mobile" name="calendar/calendar.js" />                    <style>             .th-groups th {                     text-align: center;                     background-color: rgba(0,0,0,.1);                     border-right: 1px solid #fff;             }             .ui-li-custom .ui-li-count {                     right: 10px !important;             }                      </style>       </f:facet>         <!-- main view -->     <pm:view id="main">            <pm:header title="edms mobile" swatch="b"/>          <pm:content>                              <p:outputpanel layout="block" style="padding-right: 15px">                     <h:form>                         <p:datalist type="inset" styleclass="ui-li-custom">                             <f:facet name="header">ana menĂ¼</f:facet>                             <f:attribute name="icon" value="false" />                             <h:outputlink value="#dateview">date</h:outputlink>                         </p:datalist>                     </h:form>                 </p:outputpanel>           </pm:content>      </pm:view>       <pm:view id="dateview">         <pm:header title="randevu alma" swatch="b">              <f:facet name="left"><p:button value="back" icon="back" href="#main?reverse=true"/></f:facet>         </pm:header>         <pm:content>             <p:calendar value="#{mybean.date}"/>          </pm:content>      </pm:view>   </pm:page> 

and like: http://imgur.com/4t68wll

(i cant paste image because of reputation)

also looked @ primefaces mobile forum , saw few suggestions , tried this:

<f:view xmlns="http://www.w3.org/1999/xhtml"     xmlns:f="http://java.sun.com/jsf/core"     xmlns:h="http://java.sun.com/jsf/html"     xmlns:ui="http://java.sun.com/jsf/facelets"     xmlns:p="http://primefaces.org/ui"     xmlns:pm="http://primefaces.org/mobile"             contenttype="text/html"     renderkitid="primefaces_mobile">  <h:head>    <f:facet name="postinit">                                <link rel="stylesheet"             href="#{request.contextpath}/javax.faces.resource/calendar/calendar.css.jsf?ln=primefaces-mobile" />      <h:outputstylesheet library="primefaces-mobile" name="calendar/calendar.css"  />      <h:outputscript library="primefaces-mobile" name="calendar/calendar.js" />                    <style>             .th-groups th {                     text-align: center;                     background-color: rgba(0,0,0,.1);                     border-right: 1px solid #fff;             }             .ui-li-custom .ui-li-count {                     right: 10px !important;             }                      </style>       </f:facet>    </h:head>   <pm:page title="edms">         <!-- main view -->     <pm:view id="main">   

but didnt work too. use primefaces 3.5 , primefaces mobile 1.0 snapshot. add libraries maven. here dependencies:

<dependency>         <groupid>org.primefaces</groupid>         <artifactid>primefaces</artifactid>         <version>${org.primefaces-version}</version>     </dependency>     <dependency>         <groupid>org.primefaces.extensions</groupid>         <artifactid>primefaces-extensions</artifactid>         <version>${org.primefaces.extensions-version}</version>     </dependency>      <dependency>         <groupid>org.primefaces.themes</groupid>         <artifactid>bluesky</artifactid>         <version>${org.primefaces.themes-version}</version>     </dependency>      <dependency>         <groupid>org.primefaces</groupid>         <artifactid>primefaces-mobile</artifactid>         <version>1.0.0-snapshot</version>     </dependency> 

my opinion is, problem css files cant figure how fix need help. way, sorry bad english :d.


Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

css - Firefox for ubuntu renders wrong colors -