I ended up adding a couple things to fix the sizing when using larger dots, or in my case, 12×12 boxes.

/** Override to fix calculation of optimal size */
- (CGSize)sizeForNumberOfPages:(NSInteger)pageCount {
CGSize size = CGSizeMake((mImageCurrent.size.width * pageCount) + (10.0f * (pageCount – 1)), 36.0f);
return size;
}

#pragma mark – (Private)

- (void) updateDots
{
if(mImageCurrent || mImageNormal)
{
// Get subviews
NSArray* dotViews = self.subviews;
for(int i = 0; i < dotViews.count; ++i)
{
UIImageView* dot = [dotViews objectAtIndex:i];
// Set image
dot.image = (i == self.currentPage) ? mImageCurrent : mImageNormal;
dot.frame = CGRectMake(dot.frame.origin.x, dot.frame.origin.y, mImageNormal.size.width, mImageNormal.size.height);
}
}

CGSize size = [self sizeForNumberOfPages:self.numberOfPages];
self.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y, size.width, size.height);
}

You save me some time with this piece of code

First time the first dot is just a white dot, the rest of the dots are loaded with their corresponding images.

Also; the images that I’m adding are getting colored by the “background” color of the Page Control, if I set the background color to red then the new images get a red tinted looking, like a layer is on top of them with a little opacity.

Anyone having the same issues as me?

Thanks for the code.