Search code examples
jqueryajaxdjangodjango-endless-pagination

How to show ajax loading icon with Django EndlessPagination?


I'm using Django endless pagination

https://github.com/frankban/django-endless-pagination

Right now instead of showing a graphic loading icon it just shows the word "loading". Is it possible to show a graphic icon somehow? I don't see anything in the list of options to set a url for an icon.

        var defaults = {
        // Twitter-style pagination container selector.
        containerSelector: '.endless_container',
        // Twitter-style pagination loading selector.
        loadingSelector: '.endless_loading',
        // Twitter-style pagination link selector.
        moreSelector: 'a.endless_more',
        // Digg-style pagination page template selector.
        pageSelector: '.endless_page_template',
        // Digg-style pagination link selector.
        pagesSelector: 'a.endless_page_link',
        // Callback called when the user clicks to get another page.
        onClick: function() {},
        // Callback called when the new page is correctly displayed.
        onCompleted: function() {},
        // Set this to true to use the paginate-on-scroll feature.
        paginateOnScroll: false,
        // If paginate-on-scroll is on, this margin will be used.
        paginateOnScrollMargin : 1,
        // If paginate-on-scroll is on, it is possible to define chunks.
        paginateOnScrollChunkSize: 0
    },

Solution

  • In settings.py set the image here:

    ENDLESS_PAGINATION_LOADING = ""

    All the other options are listed here:

    http://django-endless-pagination.readthedocs.org/en/latest/customization.html