Does not work with Kendo grid #45

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

Comments

Projects
None yet
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

This comment has been minimized.

Show comment
Hide comment
@jamesflorentino

jamesflorentino May 17, 2012

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();
Owner

jamesflorentino commented May 17, 2012

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

This comment has been minimized.

Show comment
Hide comment
@kristerkari

kristerkari May 21, 2012

Collaborator

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

Collaborator

kristerkari commented May 21, 2012

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

@jamesflorentino

This comment has been minimized.

Show comment
Hide comment
@jamesflorentino

jamesflorentino May 21, 2012

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.

Owner

jamesflorentino commented May 21, 2012

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

This comment has been minimized.

Show comment
Hide comment
@kristerkari

kristerkari May 21, 2012

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.

Collaborator

kristerkari commented May 21, 2012

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

This comment has been minimized.

Show comment
Hide comment
@basememara

basememara May 21, 2012

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/

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

This comment has been minimized.

Show comment
Hide comment
@kristerkari

kristerkari May 21, 2012

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.

Collaborator

kristerkari commented May 21, 2012

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

This comment has been minimized.

Show comment
Hide comment
@kristerkari

kristerkari Jun 14, 2012

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.

Collaborator

kristerkari commented Jun 14, 2012

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