I have just recently done this in the project I am working on. You need to create a folder in App_Plugins and give it a name. My example was called CornerPosition. It gave me a drop down list to select "Top Right", "Bottom Left" etc.

within the folder create two following files and code within:

package.manifest

{
propertyEditors:[
    {
        name: "Corner Position",
        alias: "WebsiteName.CornerPosition",
        isParameterEditor: true,
        editor:{
            view: "~/app_plugins/CornerPosition/select.html"
        }
    }
]
}

select.html

<select ng-model="model.value">
    <option value="top-right" selected>Top Right</option>
    <option value="top-left">Top Left</option>
    <option value="bottom-left">Bottom Left</option>
    <option value="bottom-right">Bottom Right</option>
</select>

Rebuild and restart your project, and you should find your new custom macro parameter available on the properties page.

YAY!! It worked. That's brilliant. Thank you very much. You're the best!

You're welcome :)

Hi Chris.

Since I did this, I needed to update the values in the drop down. I've changed the html "select", but I can't get it to update in the application. Any ideas?

Yes. After building you need to "touch" the web.config file, just add a space somewhere and save it. Then refresh the website.

Thanks. That worked. However, I found that there are issues with browser cache. Opening it in my usual browser (chrome) showed the old values. Opening it in a different browser (IE) showed the new updated values. Umbraco version 7.2.6.

is working on a reply...