Page 2 of 2

Re: Icon content in all themes

Posted: 24 Jul 2018, 15:54
by biohazard52
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=""

    <ui:define name="title">Roster</ui:define>
    <ui:define name="content">
        <div class="wrapper">
            <h2>Guild Roster</h2>
                <p:dataTable value="#{rosterController.guildCharacters}" var="toon" rowKey="#{}" 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 headerText="#{textRes.roster_char_class}" sortable="true" sortBy="#{toon.gameClass.gameId}">
                        <h:outputText value="#{}" />
                    <p:column headerText="#{textRes.roster_char_level}" sortable="true" sortBy="#{toon.toonLevel}">
                        <h:outputText value="#{toon.toonLevel}" />
                    <p:column headerText="#{textRes.roster_char_grank}" sortable="true" sortBy="#{toon.guildRank}">
                        <h:outputText value="#{toon.guildRank}" />
This is the content of the template file

Code: Select all

<!DOCTYPE html>
<html xmlns=""

        <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" />
        <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"/>

        <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 class="layout-main-mask"></div>
            <ui:include src="./rightpanel.xhtml" />      
        <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 name="complete">
               <h:outputText value="" />
        <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" />


Re: Icon content in all themes

Posted: 24 Jul 2018, 16:05
by biohazard52
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.

Re: Icon content in all themes

Posted: 25 Jul 2018, 13:16
by huseyinT
Good news, for working on your project.

Thank you for you like the theme.