Dynamic Properties for Widget

Hi everyone,

since the release of Kentico 12 I've tried some experiments with the MVC version. Right now I would love to build a widget where the editor can decide how many Icons should be displayed/editable, ranging from one to undefined. I've been building the following model: The widget exists out of the "Amount" of icons and "Columns" as well as a list of "icons". The icons themselves are 2 strings "ClassName" and "DescriptionText". Based on the "Amount" the editor should be able to decide how many icons he desires. I've been able to display the model dynamically but somehow I can't save the changes to the properties. Where did I go wrong?

Help would be greatly appreciated :)

WIDGET MODEL

using System.Collections.Generic;
namespace DancingGoat.Models.Widgets.IconWallWidget
{
    public class IconWallWidgetViewModel
    {

        public IconWallWidgetViewModel() {
            Icons = new List<Icon>();
        }
        public string Columns { get; set; }
        public int Amount { get; set; }
        public List<Icon> Icons { get; set; }


    }
    public class Icon
    {
        public string ClassName { get; set; } = "";
        public string DescriptionText { get; set; } = "";
    }
}

WIDGET PROPERTY MODEL

using System.Collections.Generic;
using Kentico.Forms.Web.Mvc;

using Kentico.PageBuilder.Web.Mvc;

namespace DancingGoat.Models.Widgets.IconWallWidget
{
    public sealed class IconWallWidgetProperties : IWidgetProperties
    {
        public IconWallWidgetProperties()
        {
            Icons = new List<PropertyIcon>();
        }
        [EditingComponent(IntInputComponent.IDENTIFIER, Order = 0, Label = "Columns")]
        public string Columns { get; set; }
        [EditingComponent(IntInputComponent.IDENTIFIER, Order = 0, Label = "Amount")]
        public int Amount { get; set; } = 1;

        public List<PropertyIcon> Icons { get; set; }
    }
    public class PropertyIcon
    {
        public string ClassName { get; set; } = "";
        public string DescriptionText { get; set; } = "";
    }
}

WIDGET CONTROLLER

using System.Web.Mvc;
using Kentico.PageBuilder.Web.Mvc;

using DancingGoat.Controllers.Widgets;
using DancingGoat.Models.Widgets.IconWallWidget;

[assembly: RegisterWidget("Kentico.Content.IconWallWidget", typeof(IconWallWidgetController), "Icon", Description = "description IconWall", IconClass = "icon-l-text")]

namespace DancingGoat.Controllers.Widgets
{
    public class IconWallWidgetController : WidgetController<IconWallWidgetProperties>
    {
        // GET: IconWallWidget
        public ActionResult Index()
        {
            // Retrieves the properties as a strongly typed object
            IconWallWidgetProperties properties = GetProperties();

            if(properties.Icons.Count == 0)
            {
                for(int i = 0; i < properties.Amount; i++)
                {
                    PropertyIcon EmptyIcon = new PropertyIcon
                    {
                        ClassName = "",
                        DescriptionText = ""
                    };
                    properties.Icons.Add(EmptyIcon);
                }
            }

            // Creates a new model and sets its value
            var model = new IconWallWidgetViewModel {
            Amount = properties.Amount,
            Columns = properties.Columns
            };

            for (int i = 0; i < properties.Amount; i++)
            {
                var currentIcon = new Icon();
                currentIcon.ClassName = properties.Icons[i].ClassName;
                currentIcon.DescriptionText = properties.Icons[i].DescriptionText;

                model.Icons.Add(currentIcon);
            }

            return PartialView("Widgets/_IconWallWidget", model);
        }
    }
}

WIDGET VIEW

@using Kentico.PageBuilder.Web.Mvc
@using Kentico.Web.Mvc

@using DancingGoat.Models.InlineEditors
@using DancingGoat.Models.Widgets.IconWallWidget

@model IconWallWidgetViewModel


<p>Fixed Values ATM</p>
<p>Columns: @Model.Columns</p>
<p>Icon: @Html.Raw(Model.Icons)</p>

@if (Context.Kentico().PageBuilder().EditMode)
{


    for (int index = 0; index < Model.Amount; index++)
    {
        <p>Edit Classname</p>
        Html.RenderPartial("InlineEditors/_TextEditor", new TextEditorViewModel
        {
            PropertyName = ??? ,
            Text = Model.Icons[index].ClassName
        });
        <p>Edit Description</p>
        Html.RenderPartial("InlineEditors/_TextEditor", new TextEditorViewModel
        {
            PropertyName =???,
            Text = Model.Icons[index].DescriptionText
        });
    }

}
else
{

    foreach (var icon in Model.Icons)
    {
        <p>Raw HTML Content for Icon Number X</p>
        @Html.Raw(icon.ClassName);
        @Html.Raw(icon.DescriptionText);
    }
}