public override HtmlTag Build(ElementRequest request)
 {
     HtmlTag root = new HtmlTag("div").Attr("data-bind", "foreach: "+ CCHtmlConventionsKO.DeriveElementName(request));
     var child = new HtmlTag("div").Attr("data-bind", "text: $data" );
     root.Append(child);
     return root;
 }

 public TableTag()
     : base("table")
 {
     _header = new HtmlTag("thead", this);
     _footer = new HtmlTag("tfoot", this).Render(false);
     _body = new HtmlTag("tbody", this);
 }

        /// <summary>
        /// Init.
        /// </summary>
        /// <param name="parent">the parent box of this box</param>
        /// <param name="tag">the html tag data of this box</param>
        public CssBoxFrame(CssBox parent, HtmlTag tag)
            : base(parent, tag)
        {
            _imageWord = new CssRectImage(this);
            Words.Add(_imageWord);

            Uri uri;
            if (Uri.TryCreate(GetAttribute("src"),UriKind.Absolute, out uri))
            {
                if(uri.Host.IndexOf("youtube.com",StringComparison.InvariantCultureIgnoreCase) > -1)
                {
                    _isVideo = true;
                    LoadYoutubeDataAsync(uri);
                }
                else if (uri.Host.IndexOf("vimeo.com",StringComparison.InvariantCultureIgnoreCase) > -1)
                {
                    _isVideo = true;
                    LoadVimeoDataAsync(uri);
                }
            }

            if (!_isVideo)
            {
                SetErrorBorder();
            }
        }

 public CustomUIAttribute(int fieldOrder, int fieldLength, HtmlTag tag, string fieldDisplayName)
 {
     _FieldOrder = fieldOrder;
     _FieldLength = fieldLength;
     _Tag = tag;
     _FieldDisplayName = fieldDisplayName;
 }

 public void parent_property_is_set_correctly_using_append()
 {
     var child = new HtmlTag("span");
     var tag = new HtmlTag("div").Append(child);
     tag.ShouldEqual(child.Parent);
     tag.Children[0].ShouldEqual(child);
 }

        public void ApplyTo(IHtmlNode target)
        {
            var filtered = column.Grid.DataProcessor.FilterDescriptors.SelectRecursive(filter =>
            {
                CompositeFilterDescriptor compositeDescriptor = filter as CompositeFilterDescriptor;

                if (compositeDescriptor != null)
                {
                    return compositeDescriptor.FilterDescriptors;
                }

                return null;
            })
            .Where(filter => filter is FilterDescriptor)
            .OfType<FilterDescriptor>()
            .Any(filter => filter.Member.IsCaseInsensitiveEqual(column.Member));

            var wrapper = new HtmlTag("div")
                .AddClass("t-grid-filter", "t-state-default")
                .ToggleClass("t-active-filter", filtered);

            wrapper.AppendTo(target);

            var icon = new HtmlTag("span").AddClass("t-icon", "t-filter");
            icon.AppendTo(wrapper);
        }

 public override void Build(ElementRequest request, HtmlTag tag)
 {
     // todo can we narrow down for numbers that it's a whole number (probably need a regex to allow commas too)
     tag.AllTags()
         .Where(t => t.IsInputElement())
         .ForEach(t => t.AddClass("number"));
 }

 public HtmlListInfo(HtmlTag htmlTag, int columns = 0, object htmlAttributes = null, TextLayout textLayout = TextLayout.Default)
 {
     HtmlTag = htmlTag;
     Columns = columns;
     HtmlAttributes = htmlAttributes;
     TextLayout = textLayout;
 }

        public void do_not_write_closing_tag()
        {
            var tag = new HtmlTag("span").Id("id");
            tag.NoClosingTag();

            tag.ToString().ShouldEqual("<span id=\"id\">");
        }

 public void add_returns_the_newly_created_child_tag()
 {
     var original = new HtmlTag("div");
     var child = original.Add("span");
     child.ToString().ShouldEqual("<span></span>");
     original.ToString().ShouldEqual("<div><span></span></div>");
 }

 public void append_all_tags_from_a_sequence()
 {
     var sequence = new[] { new HtmlTag("br"), new HtmlTag("hr") };
     var parent = new HtmlTag("div");
     parent.Append(sequence);
     parent.ToString().ShouldEqual("<div><br></br><hr /></div>");
 }

 public void add_and_return_a_child_tag_by_type()
 {
     var original = new HtmlTag("div");
     var child = original.Add<HiddenTag>();
     child.ToString().ShouldEqual("<input type=\"hidden\" />");
     original.ToString().ShouldEqual("<div><input type=\"hidden\" /></div>");
 }

 public static void AddElementName(ElementRequest request, HtmlTag tag)
 {
     if (tag.IsInputElement())
     {
         tag.Attr("name", DeriveElementName(request));
     }
 }

        public IHtmlNode CellTag(DateTime day, string urlFormat, bool isOtherMonth)
        {
            IHtmlNode cell = new HtmlTag("td");

            if (isOtherMonth)
            {
                cell.AddClass("t-other-month");
            }
            else if(Calendar.Value != null && day.Day == Calendar.Value.Value.Day)
            {
                cell.AddClass(UIPrimitives.SelectedState);
            }

            if (Calendar.IsDateInRange(day))
            {
                var href = GetUrl(day, urlFormat);

                IHtmlNode link = new HtmlTag("a")
                                 .AddClass(UIPrimitives.Link + (href != "#" ? " t-action-link" : string.Empty))
                                 .Attribute("href", href)
                                 .Text(day.Day.ToString());

                cell.Children.Add(link);
            }
            else
            {
                cell.Html(" ");
            }

            return cell;
        }

        public void is_visible_set_to_true_by_default()
        {
            var tag = new HtmlTag("div");

            tag.Visible().ShouldBeTrue();
            tag.ToString().ShouldEqual("<div></div>");
        }

        public void ApplyTo(IHtmlNode target)
        {
            var hierarchyCell = new HtmlTag("th")
                .AddClass(UIPrimitives.Header, UIPrimitives.Grid.HierarchyCell);

            target.Children.Insert(0, hierarchyCell);
        }

 public void create_and_return_a_link_as_a_child_of_another_tag()
 {
     var tag = new HtmlTag("div");
     var link = tag.ActionLink("click", "important", "invoke");
     link.ToString().ShouldEqual("<a href=\"#\" class=\"important invoke\">click</a>");
     tag.ToString().ShouldEqual("<div><a href=\"#\" class=\"important invoke\">click</a></div>");
 }

 public override void Build(ElementRequest request, HtmlTag tag)
 {
     tag
         .AllTags()
         .Where(t => t.IsInputElement())
         .ForEach(t => t.AddClass("email"));
 }

 public override void Build(ElementRequest request, HtmlTag tag)
 {
     var range = request.Accessor.GetAttribute<RangeAttribute>();
     tag.AllTags()
         .Where(t => t.IsInputElement())
         .ForEach(t => AddRangeValidation(t, range));
 }

 public void append_adds_a_new_child_and_return_the_original()
 {
     var parent = new HtmlTag("div");
     var resultOfAppend = parent.Append("p");
     resultOfAppend.ShouldBeTheSameAs(parent);
     parent.ToString().ShouldEqual("<div><p></p></div>");
 }