Skip to content

Does not work with Kendo grid #45

Closed
basememara opened this Issue May 16, 2012 · 7 comments

3 participants

@basememara

Great plugin. I wish it would easily integrate into existing frameworks and websites though. It does not work in a Kendo UI grid. Any ideas on how to get this fixed?

Here is a live example of it:
http://jsfiddle.net/x9yL5/

@jamesflorentino
Owner

Hi, I suggest that you place #grid into a nano container instead.

<div class="nano">
  <div class="content">
    <div id="grid"></div>
  </div>
</div>

JavaScript

$(".nano").nanoScroller();
@kristerkari
Collaborator

Remember that you also need the CSS styles for nanoScroller to make the plugin work.

@jamesflorentino
Owner

He seems to be putting the css correctly. But he's loading it from my server which probably is outdated. Regardless, It's much cleaner to just put the #grid div layer to .nano > .content. That way it covers all the scrolling mechanism the UI needs.

@kristerkari
Collaborator

Oh yeah, the CSS file is there indeed.

So, there has to be some kind of a clash with the markup then. @basememara try James' solution and tell us if it works.

@basememara

I just tried this by linking to the raw source from github. It does not look like it had an effect but I could be missing something: http://jsfiddle.net/FgRmJ/

@kristerkari
Collaborator

If you Inspect Element, you can see that the .pane and .slider elements are inside .nano element, but are missing all nanoScroller CSS styling.

@kristerkari
Collaborator

I am closing this due to inactivity. Feel free to open it again if you have more information about this issue or if this is something that could be fixed in nanoScroller.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.