Pager is not hidden after enabling VIS [#1234704]

Comment	File	Size	Author
#11	1234704-pager-not-hidden.patch	735 bytes	fearlsgroove

Comment #1

Greg Adams commented 16 August 2011 at 04:34

I am not using the Drupal version but rather included this in another plugin and am using this for Drupal7. (not in a Drupal module but rather externally added)

What I did to hide my pager, is to push it 1000000px (something like that) to the left per CSS. this way the pager is at the same height (infinite scroll needs that) but cannot be seen.
you can also set it to display:none; but then the page loads new objects on EVERY scroll.

This should work perfect with the infinite scroll module too (it's the same plugin and not actually affecting it)

the code below is for FULL PAGER. just put it in your .css. it should just work out of the box (you might need to add more classes.. I am still working on the webpage)
you can take a look at my testpage to see it in action.
http://web.pixelass.de/showcase
(We need to get every element in the pager otherwise some elements stay in place)

.pager,
.pager a,
.pager a.active,
.pager li a,
.pager a:hover,
.pager a:link,
.pager a:active,
.pager a:visited,
.pager-first, 
.pager-item, 
.pager-current, 
.pager-last, 
.pager-previous, 
.pager-previous a, 
ul.pager li.pager-previous a.active, 
.pager-next
{
position:relative;
left:-100000px;
margin-left:-100000px;
}

EDIT: you might think... "what if Javascript is disabled?" I added a script which tells me the browser, OS, js(yes/no) and a lot more information, so I can enable it to only do so if javascript is enabled.
so it would be more like

.js .pager,
.js .pager a,
.js .pager a.active,
.js .pager li a,
....
....
...etc

...because in my <html> tag it says <html class="mac chrome js (...etc...)">

Log in or register to post comments

Comment #2

naeluh commented 16 August 2011 at 19:21

@Greg Adams

I think I am gong to use the externally added javascript from http://lagoscript.org/files/jquery/autopager/jquery.autopager-1.0.0.js and added thru views rather than use views add-on module. I understand the css way of hiding the pager - thanks that is great! Im very interested in that js and browser validation. I was wondering if you could tell me where that is so I could look into adding something like that. thanks again

Log in or register to post comments

Comment #3

Greg Adams commented 17 August 2011 at 03:15

I found it in one of my nightly google sessions...
here's the link.. it really does it's job quite well so far.
http://rafael.adm.br/css_browser_selector/

I looked at the autopager plugin. Personally ... I'm not a liker...... i think the infinite scroll has a a nicer flow.. I didn't compare the scripts yet though. I am using a newer version of infinite-scroll (like I said.. it's not the Drupal module). I am using it because it is really easy to include in the isotope plugin I'm using (it's a filtering plugin) well and I really like the flow and customizing possibilities too.

I'm also into including external plugins instead of Drupal modules. It always takes quite some time till a stable Drupal update is available (often only shortly before the plugin itself is updated...again) so in many cases we would have to live with an old version. I cannot go with that. That's the main reason why I moved to Drupal7. It was very annoying having to do workarounds to use jQuery 1.4+ in Drupal 6. Yet most of my Drupal6 sites use jQuery 1.5.x or 1.6.x.

Log in or register to post comments

Comment #4

Remon commented 22 April 2012 at 16:23

Status:

Active

» Closed (cannot reproduce)

@naeluh, the pager should be hidden as long as you installed VIS properly. Please check out latest dev release and let me know if you still reproduce that issue.

Log in or register to post comments

Comment #5

Remon commented 22 April 2012 at 16:24

Title:

Remove pager from page but still include Views Infinite Scroll

» Pager is not removed after enabling VIS

Log in or register to post comments

Comment #6

Remon commented 22 April 2012 at 16:24

Title:

Pager is not removed after enabling VIS

» Pager is not hidden after enabling VIS

Log in or register to post comments

Comment #7

naeluh commented 25 April 2012 at 17:08

@Remon

hey I actually am in the process of redesigning my site so I will let you know when I try it out thanks!

Log in or register to post comments

Comment #8

Sinan Erdem commented 3 July 2013 at 08:52

Version:	6.x-1.x-dev	» 7.x-1.1
Status:	Closed (cannot reproduce)	» Active

I am using Drupal-7.22 and Views-3.7 versions and my pager is still not hidden. The auto-loading function works well, but at the end of the page, the users can see a mini pager. I don't want to hide it with CSS because of JS degrading issues.

Log in or register to post comments

Comment #9

naeluh commented 3 July 2013 at 22:23

@Sinan

I am not sure you might wanna just try what Remon said. I ended up using the css hack but then I redesigned my site again I think I will using it again in another site of mine but I am not ready to yet. This module works great ! though and plus my issue was with d6

Post more questions or code and I will try to help if I can

thanks