My favorites | Sign in
Project Home Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions
Issue 2058: create a nivigation bar in the footer
1 person starred this issue and may be notified of changes. Back to list
Status:  Duplicate
Merged:  issue 383
Owner:  ----
Closed:  Jun 2014


Sign in to add a comment
 
Reported by eleco...@gmail.com, Dec 23, 2013
You can see it on this page : 

http://wijmo.com/demo/explore/?widget=EventsCalendar&sample=Overview

It's a navigation bar with :
on day view : prev_month / current month / all day of currentmonth / next month
on week view :  week -2, week -1, current weekn week +1, week +2
on month view : prev year, current year, all month of year / next year

This issue replace the datepicker button.
Dec 25, 2013
#1 eleco...@gmail.com
I answer myself.

To do it : 

include these scripts. You can find them on github.

JHTML::script('jquery.wijmo.wijutil.js', $folder . 'javascript/');    
JHTML::script('globalize.min.js', $folder . 'javascript/');    
JHTML::script('globalize.cultures.js', $folder . 'javascript/');    	
JHTML::script('jquery.wijmo.wijpopup.js', $folder . 'javascript/'); 	
JHTML::script('jquery.wijmo.wijdatepager.js', $folder . 'javascript/');    

and this css file : 
JHTML2::_('stylesheet', 'jquery.wijmo.wijdatepager.css', $folder);

include in your html page this code : 
<div id="datepager" style="margin-top:20px"></div>

declare a mapping in your js : 
	AEFC.tabmapping = {
	//FC view : datepager View
        'agendaDay': 'day',
        'agendaWeek': 'week',
        'month': 'month',
        'agendaList': 'month'
	};

initialize your object _before your FC object_ : 
    $("#datepager").wijdatepager({
            viewType: "month",
            firstDayOfWeek: 1,
            culture: "fr-FR",
			selectedDateChanged: function (e, args) {
			    $('#AEFC').fullCalendar('gotoDate', args.selectedDate);				
			}
    });


Add this lines in the ViewDisplay method

$("#datepager").wijdatepager("option", "viewType", AEFC.tabmapping[view.name]);	
$("#datepager").wijdatepager("option", "selectedDate", $('#AEFC').fullCalendar('getDate'));	


It's good !



Jun 7, 2014
Project Member #2 adamrs...@gmail.com
(No comment was entered for this change.)
Status: Duplicate
Mergedinto: 383
Sign in to add a comment

Powered by Google Project Hosting