Icon content in all themes

Forum rules
Please note that response time for technical support is within 3-5 business days.
biohazard52
Posts: 8
Joined: 20 Jun 2018, 00:08

24 Jul 2018, 15:54

Here is a page I made that uses the template that comes with the Manhattan layout template. On the page the sort icons for the datatable are the same boxes I described earlier.

Code: Select all

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/template.xhtml">

    <ui:define name="title">Roster</ui:define>
    <ui:define name="content">
        <div class="wrapper">
            <h2>Guild Roster</h2>
            <h:form>
                <p:dataTable value="#{rosterController.guildCharacters}" var="toon" rowKey="#{toon.id}" rowStyleClass="#{rosterController.fetchClassTextColor(toon.gameClass)}"
                             styleClass="rosterList" selectionMode="single">
                    <p:ajax event="rowSelect" listener="#{rosterController.loadCharacter()}" />
                    <p:column headerText="#{textRes.roster_char_name}" sortable="true" sortBy="#{toon.toonName}">
                        <h:outputText value="#{toon.toonName}" />
                    </p:column>
                    <p:column headerText="#{textRes.roster_char_class}" sortable="true" sortBy="#{toon.gameClass.gameId}">
                        <h:outputText value="#{toon.gameClass.name}" />
                    </p:column>
                    <p:column headerText="#{textRes.roster_char_level}" sortable="true" sortBy="#{toon.toonLevel}">
                        <h:outputText value="#{toon.toonLevel}" />
                    </p:column>
                    <p:column headerText="#{textRes.roster_char_grank}" sortable="true" sortBy="#{toon.guildRank}">
                        <h:outputText value="#{toon.guildRank}" />
                    </p:column>
                </p:dataTable>
            </h:form>
        </div>
    </ui:define>
    
</ui:composition>
This is the content of the template file

Code: Select all

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      lang="en">

    <h:head>
        <f:facet name="first">
            <meta http-equiv="X-UA-Compatible" content="IE=edge" />
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
            <meta name="apple-mobile-web-app-capable" content="yes" />
        </f:facet>
        <title><ui:insert name="title">PrimeFaces Manhattan</ui:insert></title>
        <h:outputScript name="js/nanoscroller.js" library="manhattan-layout" />
        <h:outputScript name="js/layout.js" library="manhattan-layout" />
        <ui:insert name="head"/>
    </h:head>

    <h:body>
        <div class="layout-wrapper layout-slim">
            <ui:include src="./sidebar.xhtml" />
            
            <div class="layout-main">
                <ui:include src="./topbar.xhtml" />
                
                <div class="layout-content">
                    <ui:insert name="content"/>
                </div>
                
                
                
                <div class="layout-main-mask"></div>
            </div>
            
            <ui:include src="./rightpanel.xhtml" />      
        </div>
        
        <p:ajaxStatus style="width:32px;height:32px;position:fixed;right:7px;bottom:7px">
           <f:facet name="start">
               <i class="fa fa-circle-o-notch fa-spin ajax-loader" aria-hidden="true"></i>
           </f:facet>

           <f:facet name="complete">
               <h:outputText value="" />
           </f:facet>
       </p:ajaxStatus>
        
        <h:outputStylesheet name="css/nanoscroller.css" library="manhattan-layout" />
        <h:outputStylesheet name="css/layout-blue-grey.css" library="manhattan-layout" />
        <h:outputStylesheet name="css/defaults.css" library="content" />
        <h:outputStylesheet name="css/styling.css" library="content" />
    </h:body>

</html>

biohazard52
Posts: 8
Joined: 20 Jun 2018, 00:08

24 Jul 2018, 16:05

I should have run the project again before posting my examples. I had to format over the weekend so I had to get my dev environment setup again. The icons seem to be working now so I assume there was an issue with my environment that was causing the issue. As I set other things up I will keep checking and if I identify what caused my problem I will report back. It's a great theme so I'm glad it's working now.

huseyinT
Posts: 123
Joined: 27 Mar 2016, 13:05

25 Jul 2018, 13:16

Good news, for working on your project.

Thank you for you like the theme.

Greetings.

Post Reply

Return to “Manhattan - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest