umaair_653 February 2016

Render full calendar scheduler on primefaces layout

I am unable to render full calendar scheduler on primefaces center layout. I have included following .js in my index.xhtml

<h:outputStylesheet library="css" name="fullcalendar.min.css"/>  
<h:outputStylesheet library="css" name="scheduler.min.css"/>
<h:outputScript library="js" name="jquery.min.js" target="head"/>
<h:outputScript library="js" name="moment.min.js" target="head"/>
<h:outputScript library="js" name="full.min.js" target="head"/>
<h:outputScript library="js" name="scheduler.min.js" target="head"/>
<h:outputScript library="js" name="myScheduler.js" target="head"/>

In "myScheduler.js" I have:

$(document).ready(function () { // document ready

jQuery('#calendar').full({
    schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',

and I am using fullcalender scheduler <div> under primefaces center layout in body of index.xhtml like below:

<p:layoutUnit position="center">
            <h:panelGroup layout="block">
                <div id='calendar'/>
            </h:panelGroup>                  
        </p:layoutUnit> 

Answers


umaair_653 February 2016

Solved by adding below include in header of .xhtml:

h:outputScript library="primefaces" name="jquery/jquery.js" target="head"/>

Post Status

Asked in February 2016
Viewed 1,871 times
Voted 8
Answered 1 times

Search




Leave an answer