ci_bootstrap_3
ci_bootstrap_3 copied to clipboard
waifung0207
Help to implement fullcalendar module
Firstly I want to thank for this framework. Good job! Technically it is not a issue. I have spent couple days trying to implement schedule_calendar (https://fullcalendar.io/scheduler/download/). Please, can anybody help me to implement that module? I have a issue with css. Did make anybody this? Can help me? Sorry for my English...
HI I'm going to include calendard samples. I manage to insert into view sample code provided with adminlte. Controller seems to be more easy (without the data event retrieving from db). But I have problems with jquery.
But I got some errors
Uncaught TypeError: Cannot read property 'options' of undefined
at HTMLDocument.
this is the view `
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-md-3">
<div class="box box-solid">
<div class="box-header with-border">
<h4 class="box-title">Eventi posizionabili</h4>
</div>
<div class="box-body">
<!-- the events -->
<div id="external-events">
<div class="external-event bg-green">a1</div>
<div class="external-event bg-yellow">a2</div>
<div class="external-event bg-aqua">a3</div>
<div class="external-event bg-light-blue">a4</div>
<div class="external-event bg-red">a5</div>
<div class="external-event bg-lime">a6</div>
<div class="external-event bg-purple">a7</div>
<div class="checkbox">
<label for="drop-remove">
<input type="checkbox" id="drop-remove">
Elimina dopo posizionamento
</label>
</div>
</div>
</div>
<!-- /.box-body -->
</div>
<!-- /. box -->
<div class="box box-solid">
<div class="box-header with-border">
<h3 class="box-title">Create un evento</h3>
</div>
<div class="box-body">
<div class="btn-group" style="width: 100%; margin-bottom: 10px;">
<!--<button type="button" id="color-chooser-btn" class="btn btn-info btn-block dropdown-toggle" data-toggle="dropdown">Color <span class="caret"></span></button>-->
<ul class="fc-color-picker" id="color-chooser">
<li><a class="text-aqua" href="#"><i class="fa fa-square"></i></a></li>
<li><a class="text-blue" href="#"><i class="fa fa-square"></i></a></li>
<li><a class="text-light-blue" href="#"><i class="fa fa-square"></i></a></li>
<li><a class="text-teal" href="#"><i class="fa fa-square"></i></a></li>
<li><a class="text-yellow" href="#"><i class="fa fa-square"></i></a></li>
<li><a class="text-orange" href="#"><i class="fa fa-square"></i></a></li>
<li><a class="text-green" href="#"><i class="fa fa-square"></i></a></li>
<li><a class="text-lime" href="#"><i class="fa fa-square"></i></a></li>
<li><a class="text-red" href="#"><i class="fa fa-square"></i></a></li>
<li><a class="text-purple" href="#"><i class="fa fa-square"></i></a></li>
<li><a class="text-fuchsia" href="#"><i class="fa fa-square"></i></a></li>
<li><a class="text-muted" href="#"><i class="fa fa-square"></i></a></li>
<li><a class="text-navy" href="#"><i class="fa fa-square"></i></a></li>
</ul>
</div>
<!-- /btn-group -->
<div class="input-group">
<input id="new-event" type="text" class="form-control" placeholder="Titolo dell'evento">
<div class="input-group-btn">
<button id="add-new-event" type="button" class="btn btn-primary btn-flat">Aggiungi</button>
</div>
<!-- /btn-group -->
</div>
<!-- /input-group -->
</div>
</div>
</div>
<!-- /.col -->
<div class="col-md-9">
<div class="box box-primary">
<div class="box-body no-padding">
<!-- THE CALENDAR -->
<div id="calendar"></div>
</div>
<!-- /.box-body -->
</div>
<!-- /. box -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
`
this is my controller `<?php defined('BASEPATH') OR exit('No direct script access allowed');
/**
-
Admin Panel management, includes:
-
- Admin Users CRUD
-
- Admin User Groups CRUD
-
- Admin User Reset Password
-
- Account Settings (for login user) */ class Calendar extends Admin_Controller {
protected $mAR = '';
public function __construct() { parent::__construct(); $this->load->library('form_builder'); // initial setup $this->_setup2(); }
private function _setup2() { ...prepare some data... } Public function main() { $this->mViewData['count'] = array( 'lbl1' => '', 'lbl2' => '', 'lbl3' => '', 'lbl4' => '', 'val1' => '', 'val2' => '', 'val3' => '', 'val4' => '', ); $this->render('calendar'); } }`
the problem i see there is jquery 3.1.1. try using also the jquery migration library 3.00 (cause of jQuery Core 3.1.1). Or, maybe better, revert to jquery 2.2.4. If you still have the same issue, you should try with jquery 2.2.4+jquery migration 1.4.1.
[I'm editing because i forgot... pay also attention to grocery crud and parameters like "grocery_crud_unset_jquery" ]
