question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Improvements for ion-back-button (disabled and text only for ios)

See original GitHub issue

Feature Request

Ionic version:

[x] 4.0.0

Describe the Feature Request

  1. I would love to see disabled attribute for back button (sometimes we need to block actions for example when we wait for response - would be cool to block it). For now i just use hidden attribute but it looks weird when it disappears unexpectedly.

  2. I need to translate “Back” text for ios. On android defaultly there is just an arrow (without text). But when i use attribute text it shows also text on android which I don’t need.

screenshot 2019-01-26 at 19 48 27

Describe Preferred Solution

  1. Change colour of icon and text and disable action.
  2. Maybe a new attribute like iosText to change “Back” for ios. I don’t need it on android.

[iosText]="'Back' | translate"

Have a nice day 😀

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:8
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
grigorigcommented, Oct 7, 2021

Ionic Framework 6.0 supposedly will drop Config.set(). Is there a good way to configure the back button text (and other configuration settings) globally in a reactive way? The obvious use case is that you want the text to change based on language, at runtime.

Setting the attribute everywhere is quite bad, severely breaks DRY principles.

2reactions
NiklasMerzcommented, Feb 4, 2020

this.config.set is deprecated and that’s why there should still be an option to translate the back button text globally in a simple way.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Improvements for ion-back-button (disabled and text only for ios)
I need to translate "Back" text for ios. On android defaultly there is just an arrow (without text). But when i use attribute...
Read more >
ion-back-button: Custom Menu Icon for Applications
The ion-back-button is a custom menu icon for Android, iOS, and Progressive Web Apps. Use Ionic Framework components to easily build applications.
Read more >
ionic4 back button does not appear - Stack Overflow
It shows always on the header. <ion-back-button></ion-back-button>. use this when you go to the next page and return back.
Read more >
Top New Features Introduced in Ionic 5 - Angular Minds
In this article, we have shared the top new ionic 5 features such as iOS 13 design updates, a new API for creating...
Read more >
The 9 Most Common Mistakes That Ionic Developers Make
It is a huge performance and user experience improvement, as it ensures a smooth scroll due to asynchronous events. Unfortunately, due to the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found