I wanted to show this neat little customization with the bunch as it's been extremely helpful to me over the years. As some of you may know, I'm a big design guy so I always strive to make my apps have an awesome UI/UX to them. This tutorial will teach you how to replace the boring title text in the nav bar PER plugin...that's right PER plugin. You can use different navbar title images through your app depending on plugin use. Note: this is for ios only. Step 1: In the viewDidLoad method of the plugin, add: UIImage *image = [UIImage imageNamed:@"image.png"]; self.navigationItem.titleView = [[UIImageView alloc] initWithImage:image]; Step 2: Now in the viewWillAppear method, add: UIImage *imagetitlel = [UIImage imageNamed:@"ENTER_IMAGE_NAME_HERE"]; self.navigationItem.titleView = [[UIImageView alloc] initWithImage:imagetitlel]; Note: In step 2, replace ENTER_IMAGE_NAME_HERE with your file name without the file format. For example: twitter32 instead of twitter32.png That's it. Now go have some fun with it.

Awesome work! and looks soooooo simple!

Nice tip, Chad! What is the recommended size (height-width pixels) for the image? Does the iPhone 4,5,6 device type require @1x,@2x,@3x variations for the image? Would iPhone and iPad be different sizes? Do the Portrait and Landscape orientations matter for the sizes? Thanks for sharing that tip! -- Niraj

Hi Niraj, I always suggest using the recommended @2x and @3x for retina displays. In regard to sizes, start with 174x40 and adjust as needed to get the look you like. Here is a design cheat sheet for ios that I use as reference when creating graphics: http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/

Thanks for this, one for my collection. Cheers, Alan

I need this for Android, any ideas?

@DJM - I'm not a very proficient java developer so unfortunately I don't know how to accomplish the same effect. Once I get my ios plugins completed then I'll try dabbling around in java to see what I can come up with.