Can I remove the arrow in the popover view?

Question

I am asked to removed the arrow of the popover view.

Is that violating human interface guidelines ?
Is it wise to show a popover inside another popover ?
If it is not violating human interface guidelines how to do that ?

score 23 · Answer 1 · edited Jan 06 '17 at 08:43

23

For Swift

popoverMenuViewController?.permittedArrowDirections = UIPopoverArrowDirection(rawValue:0)

edited Jan 06 '17 at 08:43

Kirsteins

27,065
8
76
78

answered Oct 23 '15 at 01:28

Phil

1,077
1
11
18

score 10 · Answer 2 · answered Jan 28 '12 at 05:25

Sure thing, and there is plenty of call for this, specifically when the popover is large enough and the point at where the arrow would point would be obscured.

There's no usability drawback whatsoever.

[pop presentPopoverFromBarButtonItem:_toolbarBtnImage2
permittedArrowDirections:0 // <- pass in zero for no arrows
animated:YES];

score 3 · Answer 3 · answered Apr 11 '12 at 14:54

3

The omission or removal of the arrow is implicitly banned by the 2012-03-07 Human Interface Guidelines, p. 114: "A popover ... always displays an arrow that indicates the point from which it emerged."

answered Apr 11 '12 at 14:54

ascentury

186
1
1
7

10

Then they should make a framework which actually keeps the arrow pointing to the right place. lol – Bradley Thomas Sep 24 '15 at 17:10
1

I think it has changed since then "Typically, a popover includes an arrow pointing to the location from which it emerged. " – Michał Ziobro Aug 21 '20 at 09:59

score 1 · Accepted Answer · answered Jan 26 '11 at 06:46

Hiding the popover arrow or showing one popover inside another does not sound very wise. I’m not sure if this is explicitly forbidden by the HIG, but it’s a usability drawback anyway. If you insisted you could draw your own arrowless popover or try to mask the arrow using some view composed on the top of it. I think it would be much better to rethink the UI.

score 1 · Answer 5 · answered Jul 26 '18 at 10:53

1

myViewController.popoverPresentationController.permittedArrowDirections = UIPopoverArrowDirection(rawValue: 0)

answered Jul 26 '18 at 10:53

Abhishek Jain

4,557
2
32
31

score 1 · Answer 6 · answered Apr 13 '20 at 17:04

Just to add some sugar and Swifty the code :

Extension:

extension UIPopoverArrowDirection {
    static var none: UIPopoverArrowDirection { UIPopoverArrowDirection(rawValue: 0) }
}

Usage:

popoverMenuViewController?.permittedArrowDirections = .none

you can change the variable's name to fits your needs.

score 0 · Answer 7 · answered Jan 11 '21 at 15:05

0

popoverMenuViewController?.permittedArrowDirections = []

answered Jan 11 '21 at 15:05

Igor Palaguta

3,579
2
20
32

Can I remove the arrow in the popover view?

7 Answers7

Linked