Skip to content

Change back button in NavigationBar to a chevron#2195

Merged
JaquelineGomez merged 10 commits intomicrosoft:mainfrom
JaquelineGomez:user/jagomez/changeBackBtnImage
Aug 15, 2025
Merged

Change back button in NavigationBar to a chevron#2195
JaquelineGomez merged 10 commits intomicrosoft:mainfrom
JaquelineGomez:user/jagomez/changeBackBtnImage

Conversation

@JaquelineGomez
Copy link
Copy Markdown
Contributor

@JaquelineGomez JaquelineGomez commented Aug 13, 2025

Platforms Impacted

  • iOS
  • visionOS
  • macOS

Description of changes

  • For iOS 26 versions we want to utilize system symbols to achieve greater consistency

Verification

Ran it on iPhone simulators (iOS 26 and iOS 18) with no back button title
Confirmed works for RTL languages

Visual Verification

iOS 26

Before After (LTR) After (RTL)
Simulator Screenshot - iPhone 16 Pro - before image image

iOS 18

Before After
Simulator Screenshot - iPhone 16 Pro before image

Pull request checklist

This PR has considered:

  • Light and Dark appearances
  • Size classes and window sizes (iPhone vs iPad, notched devices, multitasking, different window sizes, etc)
Microsoft Reviewers: Open in CodeFlow

@JaquelineGomez JaquelineGomez requested a review from a team as a code owner August 13, 2025 20:29
@joannaquu
Copy link
Copy Markdown
Contributor

is there still some padding around the image? in the screenshot you sent, the back button is not perfectly circular

@alexanderboswell
Copy link
Copy Markdown
Contributor

is there still some padding around the image? in the screenshot you sent, the back button is not perfectly circular

oh and is the image a smaller one than we had before? I didnt notice that until now, but it looks like it is not the same rendered size.

@joannaquu
Copy link
Copy Markdown
Contributor

also we should scope this to iOS 26 only right

@JaquelineGomez
Copy link
Copy Markdown
Contributor Author

is there still some padding around the image? in the screenshot you sent, the back button is not perfectly circular

The button is now circular when we use the system back chevron

@anandrajeswaran
Copy link
Copy Markdown
Contributor

I also see a reference to "back-24x24" in FluentUIFramework.initializeUINavigationBarAppearance. Curious that one didn't match what we do here, but do we need that one also to use the UIImage(systemName:) API?

Broader question of whether that one is still needed, but suspect scope of this PR is just understanding if/how that coexists with the code you changed and then actually improving or de-duping (if possible) if out of scope.

@JaquelineGomez
Copy link
Copy Markdown
Contributor Author

JaquelineGomez commented Aug 14, 2025

I also see a reference to "back-24x24" in FluentUIFramework.initializeUINavigationBarAppearance. Curious that one didn't match what we do here, but do we need that one also to use the UIImage(systemName:) API?

When I was testing that out it saw it was called from the CardPresenterNavigationController, which is used for the DateTimePicker. However, I couldn't see it using the back which doesn't show the back-24x24 but instead shows either an x or a checkmark. I can look more into this and make a future PR if needed.
image

@JaquelineGomez JaquelineGomez enabled auto-merge (squash) August 15, 2025 18:20
@JaquelineGomez JaquelineGomez merged commit 3e738db into microsoft:main Aug 15, 2025
12 of 13 checks passed
@joannaquu joannaquu mentioned this pull request Oct 23, 2025
12 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants