Kendo Scheduler issue - content displacement - javascript

I am using the Kendo scheduler, at the moment using their own mock data, it's working mainly, but the table that it's supposed to represent the days and such, it's all shifted to the left, compressed in the same column. Here is a screenshot of how it looks.
Do you have any idea why is this happening?
At the moment, I have the mark-up
<div id="scheduler"></div>
to which I apply .kendoScheduler().
Thank you.

I got to a solution regarding this.
Apparently the problem was the jQuery version. In my instance, I have been using jQuery v2.2.0 and it produced the problem that I mentioned.
When I switched to jQuery v1.12.0 for example, everything worked fine.
Hope that it helps somebody.

Related

jQuery Datatables with two range slider filters

I managed to get a range slider working with Datatables using jQuery UI and a snippet I found online: http://live.datatables.net/teredumi/1/edit?html,css,js,output
It works great with one slider. I am not very good a jQuery and I am having trouble (conflicts etc) getting a second range slider #val_range_salary to work on the same page. I would be very greatful for any assistance with this issue and I am sure other will find it useful as well.
If you know of any jsfiddle or live.datatables that has solved this please show me.
Here is working code
http://live.datatables.net/teredumi/4/edit
First thing is you have not initialised your second slider
second thing is you need to add search function to update your dataTable

How to select text when using FullCalendar and SlickGrid

I have a page with SlickGrid on it and I wanted to add a FullCalendar to show date-based data in calendar form to augment the table (grid) display.
This worked fine (grid shows and calendar shows), but I noticed that I can no longer highlight and select text on the page after calling fullCalendar()
I identified root cause script as jquery.event.drag from ThreeDubMedia which is required for SlickGrid (it throws exception if jquery.event.drag lib is not loaded)
However, I'm having trouble finding a fix or even a hack to get this working without breaking other stuff (like SlickGrid functionality). I've been messing with FullCalendar options and even experimentally hacked some of the mousedown and selectstart handling code, but that didn't help. I also poked around with jquery.event.drag methods but I haven't had luck fixing the text selection issue while retaining the SlickGrid functionality that my users want (like being able to drag columns around and stuff).
So definitely some kind of integration issue but I'm not sure where the fault is.. it is weird that jquery.event.drag gives me zero problems until I actually create (render) the FullCalendar (by calling fullCalendar()), so maybe FullCalendar is to blame. It does proxy several events like mousemove, mouseup, and selectstart, but jquery.event.drag also can hijack events.. ugh.
Anybody have fix for this? Thanks.
Fiddle that shows the problem: http://jsfiddle.net/4kLf8jk5/
Clone of above Fiddle, but with call to .fullCalendar() commented out: http://jsfiddle.net/4kLf8jk5/2/
(These are minimalist examples but suffice to demonstrate the issue)
$("#calendar").fullCalendar();
$(document).unbind("dragstart");
Have you tried the 6pac repo?
This has a version of jquery.event.drag and ..drop updated for jquery version 2.x and 3.x and other small bugfixes. Might be worth a try before further investigation.
Version 3.0 of Slickgrid has recently been release that drops the jQueryUI dependency, including the drag and drop files mentioned above. This should make the drag and drop event hooks more consistent.

Hierarchical layout with vis.js

I'm using vis.js library to graphically display a network. I read the documentation and I need to use the hierarchical layout. It works fine until I use the sortMethod='directed' option. In this case I end up with a blank page. There's no Javascript error. Every other options combination works fine, but I need the directed option. I followed the documentation and it doesn't seem that I need to add further information to the network: it should all work with the 'from' and 'to' edges properties. What could it be?
Thank you all.
It seems to be a bug. I have been using this feature for months and suddenly it stopped working. I get the same behaviour as the one you describe. All options seem to work except the sortMethod='directed'. I cannot tell for sure which version introduced this bug but I found it out at 4.12.0.
We probably need to raise an issue to let their dev team know about it.
Hope that helps. It is not exactly a solution to your issue but rather a verification of this bug since I have the same issue.
EDIT:
I tried both 4.11.0 and 4.10.0
4.11.0 : I get the same buggy behaviour.
4.10.0 : Works as expected. No issues.

JQuery carousel and template doesn't work together

First of all, I'm sorry if this is already asked. I couldn't find a answer.
I have a HTML5 template bought at themeforest and a jQuery carousel. I am not very similar with JavaScript or JQuery.
When I wanted to implement the carousel like it said in the description the JQuery/Javascript didn't work.
I found out that it could be the version of JQuery. The template(cleanstart) uses version 1.11.2 and the carousel uses 1.44.4. When I changed the carousel to that version it didn't work. When I changed the template version to 1.44.4, it didn't work either.
Then I've put the text from the carousel.js in a script tag in the HTML, and that seemed to work but then the templates jQuery didn't work...
Do you have any idea what the problem can be? Maybe a variable with the same name? I really don't know how to solve it.
Help is much appreciated!
With just this Information, It's pretty hard to help you. It could be a problem with your Implementation, a compatibility Issue or many things else.
Do you have a public page where the template and the carousel are implemented? Does the console window give you any error (if you don't have it yet, I recomend you to get Firefox and the addons Firebug and Webdeveloper Toolbar).
I have found my problem. it was a scroll section that causes the other jquery to stop. When I removed that part of the code, nothing bad with the carousel happened and the other parts worked fine!

Flexigrid built with jquery: does it support right click row functionality?

Flexigrid is awesome but does anyone know if it supports a right click event on a row?
First time I've seen that plugin - very nice, although maybe a bit too rich for me. I use dataTables
I don't see why you wouldn't be able to add your own click handler to the row. After all they are just standard <tr>/<td>
I don't think it does but you I think jgrid I think does... I really got to switch to that ;^ )

Categories