dhtmlxScheduler and NeuBoard_Bootstrap

Scheduler Javascript
#1

Hi,

We have come across an issue with dhtmlxScheduler and NeuBoard_Bootstap.

With the scheduler control on a page with NeuBoard_Bootstrap, the menu sidebar selectable list options cease to work. Normally the mouse hover hightlights the nav menu options when the mouse hovers over a selectable option, however this now ceases to work, stopping the user from selecting any sidebar menu options if the scheduler control is used on the page.

[code]<?php
ini_set(“display_errors”,0);

session_start();
if ($_SESSION['userid'] == '' || !in_array("Systems_ADMIN", $_SESSION['role']) )
{
	header("location: index.php");
	die();
}

include_once 'Includes/db.inc.php';
include_once 'Includes/helpers.inc.php';

?>

Diary 
<!-- Favicon -->
<link rel="shortcut icon" href="NeuBoard_Bootstrap/assets/img/favicon.ico" type="image/x-icon">
<!-- BootstrapValidator CSS -->
<link rel="stylesheet" href="bootstrap-3.3.6-dist/css/formValidation.min.css">
<!-- Bootstrap core CSS -->
 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- Fonts  -->
<link rel="stylesheet" href="NeuBoard_Bootstrap/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="NeuBoard_Bootstrap/assets/css/simple-line-icons.css">
<!-- CSS Animate -->
<link rel="stylesheet" href="NeuBoard_Bootstrap/assets/css/animate.css">
<!-- Switchery -->
<link rel="stylesheet" href="NeuBoard_Bootstrap/assets/plugins/switchery/switchery.min.css">
<!--Page Level CSS-->

 <link rel="stylesheet" href="Css/main.css">
<!-- Custom styles for this theme -->
<link rel="stylesheet" href="NeuBoard_Bootstrap/assets/css/main.css">

 <!-- Scheduler -->
<script src="scheduler/dhtmlxscheduler.js" type="text/javascript" charset="utf-8"></script>

 <link rel="stylesheet" href="scheduler/dhtmlxscheduler_flat.css" type="text/css" media="screen" title="no title" charset="utf-8">

 <script src='scheduler/ext/dhtmlxscheduler_tooltip.js' type="text/javascript" charset="utf-8"></script>
     
<!--Global JS-->
 <script src="NeuBoard_Bootstrap/assets/js/vendor/jquery-1.11.1.min.js"></script>
 <!-- Feature detection -->
<script src="NeuBoard_Bootstrap/assets/js/vendor/modernizr-2.6.2.min.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="NeuBoard_Bootstrap/assets/js/vendor/html5shiv.js"></script>
<script src="NeuBoard_Bootstrap/assets/js/vendor/respond.min.js"></script>
<![endif]-->
<style type="text/css">
	ul{
		list-style-image: url('fa-tint')
	}


</style>
<style type="text/css" media="screen">

	html, body{

		margin:0px;

		padding:0px;

	}	

</style>
RoomBookings 
   	<div class="pageheader">

          <h1>Diary</h1>

          <div class="breadcrumb-wrapper hidden-xs">

              <span class="label">You are here:</span>

              <ol class="breadcrumb">

                  <li><a href="index.php">Dashboard</a></li>

                  <li class="active">Diary</li>

              </ol>

          </div>

      </div>
 	</section>
 	<section id="main-content" class="animated fadeInUp">
		<div class="container">
			<form class="form-horizontal" method="post" id="diary-form">
				<div id="scheduler_here" class="dhx_cal_container" style='width:800px; height:600px;'>

					<div class="dhx_cal_navline">

						<div class="dhx_cal_prev_button">&nbsp;</div>

						<div class="dhx_cal_next_button">&nbsp;</div>

						<div class="dhx_cal_today_button"></div>

						<div class="dhx_cal_date"></div>

						<div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div>

						<div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div>

						<div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div>

					</div>

					<div class="dhx_cal_header">

					</div>

					<div class="dhx_cal_data">

					</div>

				</div>

				<br>

				<div id="scheduler_here_too" class="dhx_cal_container" style='width:800px; height:600px;'>

					<div class="dhx_cal_navline">

						<div class="dhx_cal_prev_button">&nbsp;</div>

						<div class="dhx_cal_next_button">&nbsp;</div>

						<div class="dhx_cal_today_button"></div>

						<div class="dhx_cal_date"></div>

						<div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div>

						<div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div>

						<div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div>

					</div>

					<div class="dhx_cal_header">

					</div>

					<div class="dhx_cal_data">

					</div>

				</div>	
			</form>
		</div>
	</section>	

   <!--main content end-->
[/code]
#2

Hi,
please provide a link to a problematic page. There is no free download for NeuBoard Bootstrap theme, so we can’t craft a quick test on our end

#3

Hi Altaksandr,

Will get the link for you to look at issue.

Will send details once we have set it up for you.