Views Slideshow - Bullets or Numbered Pager not displaying I have used Views Slideshow to generate a page slideshow. The rotation / cycle is working fine but I need to display a bulleted pager. Since I am not able to display any kind of pager, I started with trying to show a numbered pager first which is not working for me.

I have basically used this guide to setup numbered pagers.

However, I do not see the numbers after doing the same.



I have enabled the page controls and current page index for testing purpose. Below is what I get using Devel Themer module and the developer tools.



I just increased the height of the area which is supposed to display the pager so that I can click that area to show the themer information. I cannot see anything rendered in the div responsible for displaying the pager. Also, as I see in the template which is rendering the code for pager is simple.

From the file "views-slideshow-pager-fields.tpl.php" the code is the following.

&lt;div id="&lt;?php print $widget_id; ?&gt;" class="&lt;?php print $classes; ?&gt;"&gt;
  &lt;?php print $rendered_field_items; ?&gt;
&lt;/div&gt;


I do not understand why the pagers are not getting displayed. Where should I start looking for the fix?
You can achieve pager using View Slideshow by following steps:

Step 1: In view, add Global: View result counter field and mark it as Exclude from display.

Step 2: Now click on Slideshow format settings, go to Pager part and select Global: View result counter field as a Pager Type. 



Step 3: To give perfect bullets effect, you will have add some CSS as given below 

.views-field-counter {
    float: left;
    margin-left: 5px;
}

.views-content-counter {
    text-align: center;
    width: 29px;
    background: url(../bullets.png) no-repeat scroll center center transparent;
    cursor: pointer;
}


Step 4: Please check out CSS Classes, ID's and HTML markups form below screenshot, which worked at my end.