Question: My intention is to create a bunch of objects of a class `City` at the launch of the application by using a config file.

The class `City` has some properties like `CityName`, `Population` etc.

Basically the config file delivers a `List<string>` with all city names like the following:

```
public List<string> configCityNames = new List<string> {
    "New York", "Chicago", "Boston", "San Francisco", "Miami", "etc."
};

```

Also I want to store all `City` objects in a repository to easily access them from somewhere else.

How can I automatically create one `City` object for each of the config `List` items? Maybe with a loop in an init function of the model? For me is especially unclear how to handle the object/variable names? When all objects are created in a loop, won't they have all the same object/variable name?

Answer: 
You have to remove or enlarge the **height** attribute of your css class: **.formFieldText** (which is 19px at the moment)

You can analyze and test it with Chrome or Firefox (right click on the element and choose Web-Developer/Inpect-Element or something like that from the context menu. After that you can easily change the css code)

![enter image description here](https://i.stack.imgur.com/MPtFr.png)
In my case (using React) I had to remove the `value` attribute. It was set to ''.