Calguys Calendar displays nothing

[FCazabon]

Hi,
I have tried
{cms_module module="CGCalendar" display="calendar"}
and
{cms_module module="CGCalendar"}

In my page but don't get anything displayed.

I am not sure if these steps have been done properly:

Ensure jquery, and jquery-ui are enabled in your page rendering.
i.e: add {cms_jquery} to the head section of your page template.
Ensure that {cgjs_render} is called in your page template after jquery is loaded.

Where exactly do they need to go? I tried it in the page smarty data logic section of the page by adding them in like this:

{cms_jquery}
{cgjs_render}

but no luck.

----------------------------------------------
Cms Version: 2.1.6
Installed Modules:
AdminSearch: 1.0.2
CGBlog: 1.14.1
CGCalendar: 2.1.4.3
CGExtensions: 1.53.17
CGFeedback: 1.8.2
CGGoogleMaps2: 1.1.1
CGSimpleSmarty: 2.1.6
CMSContentManager: 1.1.4
CMSMailer: 6.2.14
Captcha: 0.5.3
DesignManager: 1.1.1
FileManager: 1.5.2
FormBuilder: 0.8.1.4
Gallery: 2.2
JQueryTools: 1.3.9
MicroTiny: 2.0.3
ModuleManager: 2.0.5
Navigator: 1.0.3
News: 2.50.6
Search: 1.50.2

Config Information:
php_memory_limit:
max_upload_size: 128000000
url_rewriting: none
page_extension:
query_var: page
auto_alias_content: true
locale:
set_names: true
timezone: America/New_York
permissive_smarty: false

Php Information:
phpversion: 5.5.38
md5_function: On (True)
json_function: On (True)
gd_version: 2
tempnam_function: On (True)
magic_quotes_runtime: Off (False)
E_ALL: 32767
E_STRICT: 2048
E_DEPRECATED: 8192
test_file_timedifference: No time difference found
test_db_timedifference: No time difference found
create_dir_and_file: 1
memory_limit: 768M
max_execution_time: 300
register_globals: Off (False)
output_buffering: 4096
disable_functions:
open_basedir:
test_remote_url: Success
file_uploads: On (True)
post_max_size: 128M
upload_max_filesize: 128M
session_save_path: /tmp (0700)
session_use_cookies: On (True)
xml_function: On (True)
xmlreader_class: On (True)
check_ini_set: On (True)
curl: On

Performance Information:
allow_browser_cache: Off (False)
browser_cache_expiry: 60
php_opcache: On (True)
smarty_cache: Off (False)
smarty_compilecheck: Off (False)
smarty_cache_udt: Off (False)
auto_clear_cache_age: On (True)
Server Information:
Server Software: LiteSpeed
Server Api: litespeed
Server Os: Linux 2.6.32-673.26.1.lve1.4.20.el6.x86_64 On x86_64
Server Db Type: MySQL (mysqli)
Server Db Version: 5.6.23
Server Db Grants: Found a "GRANT ALL" statement that appears to be suitable

Permission Information:
tmp: /home/*****/public_html/tmp (0755)
tmp_cache: /home/*****/public_html/tmp/cache (0755)
templates_c: /home/*****/public_html/tmp/templates_c (0755)
modules: /home/*****/public_html/modules (0755)
uploads: /home/*****/public_html/uploads (0755)
File Creation Mask (umask): /home/*****/public_html/tmp/cache (0755)
config_file: 0644
----------------------------------------------

[Rolf]

You tried https://www.cmscanbesimple.org/blog/how ... cgcalendar ?

[FCazabon]

You tried https://www.cmscanbesimple.org/blog/how ... cgcalendar ?

Thanks. I have now and it didn't make a difference.

[paulbaker]

For testing, change your cms_module call to include

display="upcominglist"

and make sure you have at least one event in the future. You then should see that event listed in the front end.

If that works OK then you are missing one or both of the {cms_jquery}
{cgjs_render} calls - these are both required to display the fullcalendar which is the default when you do not specify anything to display.

If that doesn't work I'm guessing you are putting the calls in the wrong places in the templates so perhaps post your templates.

[FCazabon]

For testing, change your cms_module call to include

display="upcominglist"

and make sure you have at least one event in the future. You then should see that event listed in the front end.

If that works OK then you are missing one or both of the {cms_jquery}
{cgjs_render} calls - these are both required to display the fullcalendar which is the default when you do not specify anything to display.

If that doesn't work I'm guessing you are putting the calls in the wrong places in the templates so perhaps post your templates.

I followed this example and put them in the content section of the page.

Adding in your display="upcominglist" suggestion worked.

This is the source of the content section in my page:

Code: Select all

    <!-- Content -->   
    <section class="mainContent">
      <div class="container">
                <div class="row">
                      <div class="col-sm-12">
                        <p><__script__ type="text/javascript" src="http://www.*****.com/lib/jquery/js/jquery-1.11.1.min.js"></__script>
<__script__ type="text/javascript" src="http://www.*****.com/lib/jquery/js/jquery-ui-1.10.4.custom.min.js"></__script>
<link rel="stylesheet" type="text/css" href="http://www.*****.com/lib/jquery/css/smoothness/jquery-ui-1.10.4.custom.min.css"/>
<__script__ type="text/javascript" src="http://www.*****.com/lib/jquery/js/jquery.mjs.nestedSortable.js"></__script>
<__script__ type="text/javascript" src="http://www.*****.com/lib/jquery/js/jquery.json-2.4.min.js"></__script>
<__script__ type="text/javascript" src="http://www.*****.com/lib/jquery/js/jquery-migrate-1.2.1.min.js"></__script>
<br /></p>
<h2>Events</h2>
<p>

<__script__ type="text/javascript">
$(document).ready(function(){
  $(document).on('click','a.calendar-nav, a.calendar-cur',function(ev){
     // this loads the events via ajax.
     console.debug('click fired');
     ev.preventDefault();
     var url = $(this).attr('href')+'&showtemplate=false';
     url = url.replace(/amp;/g,'');
     $(this).closest('.calendar-list').load(url);
     return false;
  });
});
</__script>

<div class="calendar-list">
  
  <div class="calendar-list-hdr">
           <h3>Upcoming Events</h3>
      </div>

  
  
  
      <div class="calendar-event">
              <h2>Test event</h2>
      
              
        <div class="calendar-date-from"><span class="calendar-date-title">Date: </span>01/31/17</div>
      
                    <div class="calendar-summary"><span class="calendar-summary-title">Summary: </span>Testing Calendar</div>
            
      <a href="http://www.*****.com/index.php?mact=CGCalendar,cntnt01,default,0&cntnt01event_id=1&cntnt01display=event&cntnt01returnid=37">more >></a>
    </div>
  </div></p>
<p>&nbsp;</p>
            </div>
                  
                    
                    
        </div>
      </div>
    </section>

Can you spot something wrong?

[paulbaker]

Try to move all the

Code: Select all

<__script__ type="text/javascript" 

stuff to the HEAD of your pages, you can do this by moving whatever generates these to the appropriate page template.

[FCazabon]

Try to move all the

Code: Select all

<__script__ type="text/javascript" 

stuff to the HEAD of your pages, you can do this by moving whatever generates these to the appropriate page template.

It appears that the script stuff is the actual call to CGCalendar so I can't move that to the template or to the header.

This is what my template looks like (showing just the first part):

Code: Select all

{strip}
{process_pagedata}
    <!-- Main -->
    {content assign='capturedcontent'}
    {content block='main_second_column' label='Second column' assign='mainsecondcolumn' wysiwyg='true'}
    {content block='main_third_column' label='Third column' assign='mainthirdcolumn' wysiwyg='true'}
    {content block='main_title' label='Main page title' assign='maintitle' wysiwyg="false" oneline="true"}
    {content block='display_breadcrumbs' label="Display Breadcrumbs" oneline="true" size="1" assign="display_breadcrumbs" wysiwyg='false'}
    {content block='search_page' label='Search results page' assign='search_page' wysiwyg="false" oneline="true"}
   
    <!-- Header -->
{cms_jquery}
{cgjs_render}
    {content block='display_header_slider' label="Display Header Slider" oneline="true" size="1" assign="display_slider" tab='1-Header' wysiwyg='false'}
    {capture assign="galleryfolder"}{content block="galleryfolder" oneline="true" label="Gallery Module foldername for Header Slideshow" tab='1-Header' wysiwyg='false'}{/capture}

    <!-- Feature Icons block -->
    {content block='display_featured' label='Display Featured block' tab='2-Featured block' assign='display_featured' oneline="true" size="1" wysiwyg='false'}
    {content block='inverse_color' label='Inverse icon color' assign='inversecolor' wysiwyg="false" oneline="true" size="1" tab='2-Featured block'}
    {content block='featurefirsticon' label='First block icon' assign='featurefirsticon' wysiwyg="false" oneline="true" tab='2-Featured block'}
    {content block='featurefirsttitle' label='First block title' assign='featurefirsttitle' wysiwyg="false" oneline="true" tab='2-Featured block'}
    {content block='featurefirstcontent' label='First block content' assign='featurefirstcontent' wysiwyg="true" tab='2-Featured block'}
    {content block='featuresecondicon' label='Second block icon' assign='featuresecondicon' wysiwyg="false" oneline="true" tab='2-Featured block'}
    {content block='featuresecondtitle' label='Second block title' assign='featuresecondtitle' wysiwyg="false" oneline="true" tab='2-Featured block'}
    {content block='featuresecondcontent' label='Second block content' assign='featuresecondcontent' wysiwyg="true" tab='2-Featured block'}
    {content block='featurethirdicon' label='Third block icon' assign='featurethirdicon' wysiwyg="false" oneline="true" tab='2-Featured block'}
    {content block='featurethirdtitle' label='Third block title' assign='featurethirdtitle' wysiwyg="false" oneline="true" tab='2-Featured block'}
    {content block='featurethirdcontent' label='Third block content' assign='featurethirdcontent' wysiwyg="true" tab='2-Featured block'}

Should I put those calls (cms_jquery and cgjs_render) somewhere else?

[paulbaker]

Should I put those calls (cms_jquery and cgjs_render) somewhere else?

Yes try putting them just before </head> (the closing HEAD tag) in your page template.

[FCazabon]

Yes try putting them just before </head> (the closing HEAD tag) in your page template.

Hmm. I've done that and still no display. I wonder if something else in the template is messing with this.

This is the page: http://www.guyambank.com/index.php?page=event-calendar

If you don't mind and have the time for a quick look, I would really appreciate the assistance.

[paulbaker]

Had a look but cannot see where it is going wrong. Your calendar should show where you have the

Code: Select all

<div id="fullcalendar"></div>

code. Hoping someone else will chime in?

[Rinker]

Because of bootstrap you have two calls to the jquery libs.
Just remove the line on the bottom where you make the call for bootstrap!

[FCazabon]

Because of bootstrap you have two calls to the jquery libs.
Just remove the line on the bottom where you make the call for bootstrap!

hmm, bootstrap is fundamental to the template I am using so if that has the calls already, rather than getting rid of that, should I just get rid of the cms_jquery and cgjs_render calls? But if I do that, things still don't work.

[Rinker]

I would say, just try what I said.

Bootstrap do work because you made the cal to jquery in your head section.

[FCazabon]

Thanks,

I have commented out this:

Code: Select all

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- <__script__ src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></__script> -->

and now the calendar displays.

I'll monitor it to make sure that doesn't break anything else.