Custom image for UIDocumentMenuViewController only shows blue box

Question

I'm trying to add a custom icon for a UIDocumentMenuViewController but the only thing that appears is a blue square. I've tried it with different files too.

@IBAction func importAction(sender: UIButton) {

        let importMenu: UIDocumentMenuViewController = UIDocumentMenuViewController(documentTypes: ["public.audio"], inMode: .Import)

         let img = UIImage(named: "MusicIcon.png")!

        importMenu.addOptionWithTitle("Music Library", image: img, order: UIDocumentMenuOrder.First, handler:{ self.musicPicker()})


        importMenu.delegate = self

        self.presentViewController(importMenu, animated: true, completion: nil)

    }

I also tried img.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal) but that doesn't do anything either.

Any idea how to fix this?

Answer 1

Your image is just big, make it smaller around 45x45, you adjust it.

Answer 2

Only image transparency is used to render the icon (similar to tab icons). You are probably not using a proper icon (whole icon is opaque so it becomes whole blue).