# National Flags

**URL:** https://meta.discourse.org/t/national-flags/55969
**Category:** Plugin
**Tags:** broken
**Created:** [January 18, 2017, 3:13pm UTC](https://meta.discourse.org/t/national-flags/55969 "2017-01-18T15:13:40Z")
**Posts on this page:** 20
**Page:** 4

<div class="post-metadata">

### Author: ![barreeeiroo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/barreeeiroo/32/165264_2.png) [@barreeeiroo](https://meta.discourse.org/u/barreeeiroo)
#### Post date: [July 23, 2018, 1:14pm UTC](https://meta.discourse.org/t/national-flags/55969/63 "2018-07-23T13:14:36Z")

</div>

Yep, it’s fixed 👍

---

<div class="post-metadata">

### Author: ![Ebs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ebs/32/119612_2.png) [@Ebs](https://meta.discourse.org/u/Ebs)
#### Post date: [July 30, 2018, 2:21pm UTC](https://meta.discourse.org/t/national-flags/55969/64 "2018-07-30T14:21:44Z")

</div>

Really great to see the improvements made here, everyone.  
Really awesome!

---

<div class="post-metadata">

### Author: ![dylanh724](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dylanh724/32/119642_2.png) [@dylanh724](https://meta.discourse.org/u/dylanh724)
#### Post date: [August 3, 2018, 3:16am UTC](https://meta.discourse.org/t/national-flags/55969/66 "2018-08-03T03:16:55Z")

</div>

> [@Menzer](#):
>
> go to admin settings customize click on mobile and add for quick fix

Click on _ **mobile** _? Where is this again?

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/3/03afb9a11d519226ae37c9dc64f6378d7bf450f7.png)

---

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [August 3, 2018, 6:30am UTC](https://meta.discourse.org/t/national-flags/55969/67 "2018-08-03T06:30:14Z")

</div>

You’re close! Click Edit CSS/HTML, editing the mobile styling is one of the tabs in there.

---

<div class="post-metadata">

### Author: ![Menzer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/menzer/32/119682_2.png) [@Menzer](https://meta.discourse.org/u/Menzer)
#### Post date: [August 3, 2018, 1:19pm UTC](https://meta.discourse.org/t/national-flags/55969/68 "2018-08-03T13:19:51Z")

</div>

Jeff Thanks for updating did you find it Dylan?

---

<div class="post-metadata">

### Author: ![bekircem](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bekircem/32/44582_2.png) [@bekircem](https://meta.discourse.org/u/bekircem)
#### Post date: [August 12, 2018, 12:02am UTC](https://meta.discourse.org/t/national-flags/55969/69 "2018-08-12T00:02:36Z")

</div>

Is it possible to use that plugin with other images except flags?

Solution: It is possible to edit flaglist.js.es6 file

```
{
      "name": "fo",
      "value": "fo.png"
    }

```

---

<div class="post-metadata">

### Author: ![bekircem](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bekircem/32/44582_2.png) [@bekircem](https://meta.discourse.org/u/bekircem)
#### Post date: [August 12, 2018, 11:54am UTC](https://meta.discourse.org/t/national-flags/55969/70 "2018-08-12T11:54:34Z")

</div>

How you can add string variables? What is the user-inputted location?

Solution: I forked plugin repo and customize for my purpose. It seems work.

---

<div class="post-metadata">

### Author: ![tophee](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tophee/32/73406_2.png) [@tophee](https://meta.discourse.org/u/tophee)
#### Post date: [August 12, 2018, 3:54pm UTC](https://meta.discourse.org/t/national-flags/55969/71 "2018-08-12T15:54:55Z")

</div>

> [@Menzer](#):
>
> .nationalflag-post { width: 24px !important; height:18px !important ; vertical-align: top; }

With that fix, the flag is displayed to the left of the user’s name. How do I move it to the right of the name?

---

<div class="post-metadata">

### Author: ![bekircem](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bekircem/32/44582_2.png) [@bekircem](https://meta.discourse.org/u/bekircem)
#### Post date: [August 22, 2018, 11:02pm UTC](https://meta.discourse.org/t/national-flags/55969/72 "2018-08-22T23:02:23Z")

</div>

I was added “url” to that component in flaglist.js.es6 file:

```
{
      "name": "name",
      "value": "name.png",
      "url": "name-link"
    }

```

How can I print the URL value in `show-user-card.hbs`?

`{{model.custom_fields.nationalflag_iso.url}}`

---

<div class="post-metadata">

### Author: ![RuxBux](https://avatars.discourse-cdn.com/v4/letter/r/9dc877/32.png) [@RuxBux](https://meta.discourse.org/u/RuxBux)
#### Post date: [September 3, 2018, 7:58am UTC](https://meta.discourse.org/t/national-flags/55969/73 "2018-09-03T07:58:17Z")

</div>

Nice plugin indeed!

I have problem, when i go to user options, and select flag…click SAVE, when i refresh it wont save it it goes back to default.

Any clue why? 🙂

p.s. i did full system and discourse backup this morning, could that be the problem?

Thanks

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [September 4, 2018, 12:50pm UTC](https://meta.discourse.org/t/national-flags/55969/74 "2018-09-04T12:50:13Z")

</div>

> [@RuxBux](#):
>
> I have problem, when i go to user options, and select flag…click SAVE, when i refresh it wont save it it goes back to default.

This was caused by a recent change in Discourse. It will require a small change to the plugin to fix the problem.

@Ebs I have made a pull request on your repository with the change: [FIX: Update for changes to Discourse core by davidtaylorhq · Pull Request #3 · Ebsy/discourse-nationalflags · GitHub](https://github.com/Ebsy/discourse-nationalflags/pull/3)

---

<div class="post-metadata">

### Author: ![RuxBux](https://avatars.discourse-cdn.com/v4/letter/r/9dc877/32.png) [@RuxBux](https://meta.discourse.org/u/RuxBux)
#### Post date: [September 4, 2018, 12:52pm UTC](https://meta.discourse.org/t/national-flags/55969/75 "2018-09-04T12:52:01Z")

</div>

Thank you i was confused 🙂 @david

---

<div class="post-metadata">

### Author: ![Ebs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ebs/32/119612_2.png) [@Ebs](https://meta.discourse.org/u/Ebs)
#### Post date: [September 4, 2018, 8:30pm UTC](https://meta.discourse.org/t/national-flags/55969/76 "2018-09-04T20:30:00Z")

</div>

Merged. Thanks a lot!

---

<div class="post-metadata">

### Author: ![RuxBux](https://avatars.discourse-cdn.com/v4/letter/r/9dc877/32.png) [@RuxBux](https://meta.discourse.org/u/RuxBux)
#### Post date: [September 5, 2018, 5:32am UTC](https://meta.discourse.org/t/national-flags/55969/77 "2018-09-05T05:32:56Z")

</div>

Problem solved, i can save national flag now!

Thanks @david and @Ebs

---

<div class="post-metadata">

### Author: ![Nichalas\_Petranek](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nichalas_petranek/32/92404_2.png) [@Nichalas\_Petranek](https://meta.discourse.org/u/Nichalas_Petranek)
#### Post date: [September 25, 2018, 1:15am UTC](https://meta.discourse.org/t/national-flags/55969/78 "2018-09-25T01:15:37Z")

</div>

Small issue regarding style/alignment with the mobile view of discourse. The national flag seems to be stretched vertically and is aligned above the username. Would it be possible to move the alignment of the icon to the right of the username/title (to coincide with the respective placement on the desktop view) and fix the distortion?

**Desktop:**

 ![Screenshot_20180924-210624_Chrome](https://global.discourse-cdn.com/meta/original/3X/f/6/f6b4bcff98060ab9c87e53e72af821287247a889.jpeg)

**Mobile:**

 ![Screenshot_20180924-210732_Chrome](https://global.discourse-cdn.com/meta/original/3X/8/a/8ab8af5585bdb95b79181fbc4d18252b06ade689.jpeg)

Please note that the only thing that was done was clicking on the view toggle link in the hamburger menu.

---

<div class="post-metadata">

### Author: ![puchal](https://avatars.discourse-cdn.com/v4/letter/p/87869e/32.png) [@puchal](https://meta.discourse.org/u/puchal)
#### Post date: [June 17, 2019, 2:57pm UTC](https://meta.discourse.org/t/national-flags/55969/79 "2019-06-17T14:57:44Z")

</div>

I second this. Please help, looks ugly on mobile..

---

<div class="post-metadata">

### Author: ![Ebs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ebs/32/119612_2.png) [@Ebs](https://meta.discourse.org/u/Ebs)
#### Post date: [June 17, 2019, 8:35pm UTC](https://meta.discourse.org/t/national-flags/55969/80 "2019-06-17T20:35:19Z")

</div>

Thought it was about time I fixed it 😃  
Just updated the plugin. flag is now after the username on mobile (and not stretched anymore) 👍

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [November 12, 2019, 7:40pm UTC](https://meta.discourse.org/t/national-flags/55969/81 "2019-11-12T19:40:27Z")

</div>

Hey Neil @Ebs,

As discussed, have submitted PR to add a few extras for your great plugin!

[https://github.com/Ebsy/discourse-nationalflags/pull/4](https://github.com/Ebsy/discourse-nationalflags/pull/4)

### Sneak peak:

#### Natural language descriptions and search

replacing codes - these are still used by the code, btw, but hidden:

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/9/89ef6442f7699c0a381787853ed282acd5df8870.png) ➡ ![image](https://global.discourse-cdn.com/meta/original/3X/0/d/0d6db51831d5f7fd4dd0d85b25b726c4c2eabcb9.png)

#### Custom Wizard plugin support

If you use both plugins, you will be able include a flag update step in your Wizard, e.g. for new or existing users to complete their profile

#### Some things to consider

There are a handful of descriptions for the non-standard codes that need to be amended in the .yml file. I’ve left this to you as you know what each one means :).

The structure is now there for Localisation text for additional languages other than English to be added.

Let me know if you have any comments.

Let me know when you have merged as will need to release a new Custom Wizard update shortly afterwards.

@angus

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [November 15, 2019, 5:07pm UTC](https://meta.discourse.org/t/national-flags/55969/82 "2019-11-15T17:07:24Z")

</div>

FYI I’ve pushed a small update to improve the code (thanks for suggestions @angus)

[https://github.com/Ebsy/discourse-nationalflags/commit/ecfb34d29a9d3d1536a7f60bb3055809968372ac](https://github.com/Ebsy/discourse-nationalflags/commit/ecfb34d29a9d3d1536a7f60bb3055809968372ac)

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [November 19, 2019, 9:46pm UTC](https://meta.discourse.org/t/national-flags/55969/83 "2019-11-19T21:46:48Z")

</div>

Thanks for merging @Ebs.

@Vikas_Dangi the drop down uses descriptions now.

[Previous page](https://meta.discourse.org/t/national-flags/55969.md?page=3)

[Next page](https://meta.discourse.org/t/national-flags/55969.md?page=5)
