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
Post a Comment