Ir al contenido principal

PrimeFaces - Mobile

 To implement PrimeFaces for mobile you have to do some changes to the implementation.

  1. POM
    • Add this repository & dependencies
      <repository>
               <id>prime-repo</id>
               <name>Prime Repo</name>
                <url>http://repository.primefaces.org</url>   
               <layout>default</layout>
      </repository>
      <dependency>
               <groupId>org.primefaces</groupId>
               <artifactId>primefaces</artifactId>
               <version>3.3</version>
      </dependency>
      <dependency>
               <groupId>org.primefaces</groupId>
               <artifactId>primefaces-mobile</artifactId> 
              <version>0.9.3</version>
      </dependency>

  1. FACES-CONFIG.xml

    • Add in the tag<application>
    • <application> 
               <default-render-kit-id>PRIMEFACES_MOBILE</default-render-kit-id> 
      </application>



  1. XHTML
    • Add in the libraries xmlns:pm="http://primefaces.org/mobile"
    •  
    • Insert the tag <f:view> instead of <h:body>
    • <f:view xmlns:pm="http://primefaces.org/mobile" contentType="text/html" renderKitId="PRIMEFACES_MOBILE">
      • Insert the tag <pm:page>
      • <pm:page title="Title page">
      • Insert the tag <pm:view>
      • <pm:view id="main">
         
      • If you want to display a header in the page, insert <pm:header>
      • <pm:header title="Mobile" swatch="b"/>
        • There are 5 themes (swatch values): "a", "b", "c", "d", "e"
         
      • In the <p:inputText> there is an attribute label, so you don´t have to user the <h:outputLabel> element  
      • The nature of the tag <f:facet> in different
      •  
      • The tag <p:dataList> works better than  <p:dataTable>







        Comentarios

        Entradas populares de este blog

        C# Using tabs

        To use tabs in C# use the TabContainer element from AjaxControlToolkit Include AjaxControlToolkit  Include in the Web.config file, inside the tag <system.web> the following code  <pages>       <controls>         <add tagPrefix="ajaxCTK" namespace="AjaxControlToolkit" assembly="AjaxControlToolkit"/>       </controls>     </pages>   Include TabContainer element First  include TabContainer element that is the section where all the tabs will be displayed. <ajaxCTK:TabContainer ID="TabContainerUpdate" runat="server"                 Height="800"                 CssClass="ajax__tab_style"> </ajaxCTK:TabContainer> Second per each tab include the following code corresponding to each ...

        Rails - Basic Steps III

        pValidations Validations are a type of ActiveRecord Validations are defined in our models Implement Validations Go to   root_app/app/models Open files  *.rb for each model Mandatory field validates_presence_of   :field Ex:   validates_presence_of    :title Classes The basic syntax is class MyClass        @global_variable                def my_method              @method_variable        end end Create an instance myInstance = MyClass.new Invoke a mehod mc.my_method class() method returns the type of the object In Ruby, last character of method define the behavior If ends with a question -> return a boolean value If ends with an exclamation -> change the state of the object Getter / Setter method def global_variable       return @global_variable end ...

        Python create package

        Create a root folder Create a sub-folder "example_pkg" that contains the funtionallity packaging_tutorial/ example_pkg/ __init__.py In the root folder create the following structure  packaging_tutorial/ example_pkg/ __init__.py tests/ setup.py LICENSE README.md in the setup.py contains the configuration of the packages your package is found by find_packages() import setuptools with open ( "README.md" , "r" ) as fh : long_description = fh . read () setuptools . setup ( name = "example-pkg-YOUR-USERNAME-HERE" , # Replace with your own username version = "0.0.1" , author = "Example Author" , author_email = "author@example.com" , description = "A small example package" , long_description = long_description , long_description_content_type = "text/markdown" , url = "https://github.com/pypa/sam...