"Plain Style unsupported in a Navigation Item" warning with my customized Bar Button Item

IphoneIosXcodeUibarbuttonitemUibarbuttonitemstyle

Iphone Problem Overview


I drag a Round Rect Button to the position of the right Bar Button Item, and set an image to the Round Rect Button. All works well, except the warning "Plain Style unsupported in a Navigation Item". Even if i select the style of the Bar Button Item to "Bordered", warning still be there. What's the matter with Xcode 4.2? Thanks in advance!

Ps. I customized many Bar Button Items with Round Rect Button, some times Xcode 4.2 shows only one warning on a Bar Button Item, some times shows warnings on all Bar Button Items.

Iphone Solutions


Solution 1 - Iphone

I was able to remove these errors by manually editing the storyboard files and find the offending style="plain" entry on Bar Button items in the <navigationItem> element.

Changed from:

<barButtonItem key="rightBarButtonItem" style="plain" id="juB-DL-F9i">

To:

<barButtonItem key="rightBarButtonItem" id="juB-DL-F9i">

This cleared the warnings... right or wrong.

This may be a stupendous hack and the larger concern is I did not root cause it or remove the invisible bar button items from the overall document. This was after going through all the elements one by one and discovering some navigation bars were empty (without children) and likely occurred with the large amount of copy and paste (cmd+c|v) inheritance and not using duplicate (cmd+d) to build the interface. Although the source cause was not root caused, the symptom was the bar items did not show in the document "outline view" to be fixed. Interface Builder behavior strikes me as nuanced at times and an empty container where there should be something in an outline view is a smell. Well it is to me now. Sometimes deleting the offending node and rebuilding fixes the oddest issues.

WARNING: back up your storyboards before you try this... version control is your friend... I take no responsibility when your storyboard is completely hosed and wont compile. All you'll get is an "I told you so!" I learned the hard way a few times, but diligent source control saved me a headache.

EDIT: put brackets in code blocks

Solution 2 - Iphone

In case you click on the warning and you don't go to the offending navigation item do the following. (visual representation of Hunter's answer with safer method from comments added in)

In the file browser right click on the storyboard and select Open As Source Code

enter image description here

In the source code page search for "plain", and find the one attached to a Navigation Item.

enter image description here

To get the name of the View, put "scene" in the search bar and click the back search arrow to search for the first instance on that tag above the navigationItem

enter image description here

Here is the name of your Scene, you can now change your Storyboard view back to Interface Builder - Storyboard with the right click method described above, and then go to select the Scene in the scene menu, and the Bar Item inside it.

enter image description here

Go to the Attributes inspector and change the style from Plain to Bordered

enter image description here

Solution 3 - Iphone

I stopped the warning about Plain Style by poking around in the Document Outline. That was showing my Navigation Item, and within that 2 Bar Button Items, and within each of those a Button. The offending setting was on the Bar Button Item. In its attributes inspector I changed Style from Plain to Done, and the warning went away. Note: I am using XCode 5.

Solution 4 - Iphone

If you are using storyboard then click the warning and it should take you to the offending navigation item (I had two for the problem, one took me there the other did not) - change the style and clean the project.

Bar Button Style set to plain

Solution 5 - Iphone

backBarButtonItem leftBarButtonItem and rightBarButtonItem are UINavigationItem objects. There is no style property in UINavigationItem so this is the reason of the warning. You should set the barButtons programatically:

iOS 4:  

UIButton *bt=[UIButton buttonWithType:UIButtonTypeRoundedRect];
 [bt setFrame:YourFrame];
 //[bt setImage:[UIImage imageNamed:@"backBT"] forState:UIControlStateNormal];
 [bt addTarget:self action:@selector(popViewController:) forControlEvents:UIControlEventTouchUpInside];
 UIBarButtonItem *leftButton=[[UIBarButtonItem alloc] initWithCustomView:bt];
 self.navigationItem.leftBarButtonItem=leftButton;

For iOS 5+:

Read the "Customizing Appearance" section of UIBarButtonItem reference.

Solution 6 - Iphone

In the navigation bar try using UIBarButtonItem instead of Round rect button and set an Image for it .

Solution 7 - Iphone

In my case it was an image of a back arrow, which was set to "Plain".

The error message appears to refer to all the items in the navigation bar.

Solution 8 - Iphone

After you are sure that you have all your bar buttons in the storyboard set to anything but plain, make sure you do a git commit and delete derived data. I spent forever trying to figure out why the problem wasn't fixing itself, and deleting the derived data folder fixed it for me.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
Questionlu yuanView Question on Stackoverflow
Solution 1 - IphoneHunter-OrionnoirView Answer on Stackoverflow
Solution 2 - IphonedstudebaView Answer on Stackoverflow
Solution 3 - IphoneMarkAureliusView Answer on Stackoverflow
Solution 4 - IphoneRecycled SteelView Answer on Stackoverflow
Solution 5 - IphoneMatView Answer on Stackoverflow
Solution 6 - IphoneiOSDevView Answer on Stackoverflow
Solution 7 - Iphoneuser462990View Answer on Stackoverflow
Solution 8 - IphoneSethmrView Answer on Stackoverflow