Open Closed

Flag icons missing on Lepton and LeptonX Themes #5763


User avatar
0
DEKUKDEV created
  • ABP Framework version: v7.3.2
  • UI Type: Blazor Server
  • Database System: EF Core (SQL Server)
  • Tiered (for MVC) or Auth Server Separated (for Angular): no
  • Exception message and full stack trace: error is visual
  • Steps to reproduce the issue: generate an app using either abp new FlagsTest -t app-pro -ui blazor-server --theme lepton for the Lepton theme or abp new FlagsTest -t app-pro -ui blazor-server --theme leptonx for the LeptonX theme.

Run the FlagsTest.DbMigrator project to create the database, and then start the FlagsTest.Blazor app.

Generating a new Lepton or Leptonx blazor-server app now, doesn't have any flag icons showing. This is especially noticeable on the languages screen as the flag-icon column is blank. These are the Leptonx apps screenshots, but the Lepton theme is the same.

Background info After upgrading an existing app from abp 7.0.1 to 7.3.2 we noticed that the flag icons both on the initial language selector on the header next to the login, and also on the languages page once authenticated, are missing.

Here are the abp 7.0.1 lepton theme screenshots showing flag icons

It doesn't appear that the flags have been deliberately removed, as there is still the ability to see the flag icon on the Language Management/Languages menu. Can we get the flag icons back for both lepton and leptonx please? They were a visually very nice feature.

Thanks


3 Answer(s)
  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hello DEKUKDEV

    Can you please refer this link: https://github.com/abpframework/abp/issues/13024

    In latest (7.3.2) we are not having that feature.

    regards,

  • User Avatar
    0
    DEKUKDEV created

    Thank you for that link.

    Amusingly, it appears to be another user providing feedback on the LeptonX theme, stating that their users are confused by the use of what appears to be ISO 639-2 Codes? placed at the end of the language names, and requesting ....."Would it not be better to display the flag here?"

    All I can say is:

    • The Lepton and LeptonX themes look quite poor now with ISO Country codes appended and are now less visually appealing compared to showing flags.
    • The Language Management/Languages page now looks half finished / odd with a "Flag Icon" column that is now empty!
    • Oddly, users don't tend to familiarise themselves with Country ISO Codes when selecting a language in an application, but they do know the flag of the language that they're looking for!

    Perhaps when the Lepton and LeptonX theme work has been discussed, there has possibly been a conversation about supporting Countries and their language variants within that country? i.e. taking French as an example:

    But I think it is very rare that applications are localised down to that level of customisation, and in any case, all those Countries and language variants spoken do still have flags.

    I'll just leave with you a picture of the language selection dropdown from a well known website: Amazon.com for inspiration, and hope that in the next meeting about the Lepton and LeptonX themes, that there are some UI design people invited ;-)

    Please pass on the above comments to the relevant people for their consideration.

    Thank you.

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hello DEKUKDEV,

    Thank you for your valuable suggestion. We have passed on this information to the relevant team.

    Best, Anjali

Made with ❤️ on ABP v8.2.0-preview Updated on March 25, 2024, 15:11