Custom TagHelper

[NYO]

Hi am trying to add the kendo textbox in my custom Tag helper. I am not able to do it.

 

  public string Title { get; set; }
        public  override void Process(TagHelperContext context, TagHelperOutput output)
        {
            string htmlContent = $@"<div class=text-left>
                <div class=row col-12>
                    <div class=col-6>
                        <label >Name</label>
                    </div>
                    <div class=col-6>
             <kendo-textbox name=Name placeholder=Name ></kendo-textbox>
                  </div>
                </div>
                <div class=dropdown-divider></div>
            </div>";



            output.TagName = "div";
            output.Content.SetHtmlContent(htmlContent);
            output.TagMode = TagMode.StartTagAndEndTag;
        }

[Tsvetomir]

Hi, NYO,

Speaking outside of the Telerik UI suite, the nesting of a TagHelper inside a TagHelper is not directly supported. However, it has its alternative and is outlined in the following StackOverflow thread:

https://stackoverflow.com/questions/42010429/can-i-use-a-tag-helper-in-a-custom-tag-helper-that-returns-html

Since the Telerik UI TextBox widget is relatively simple, you could directly configure the HTML of the input to match the Telerik UI TextBox. Namely:

        public override void Process(TagHelperContext context, TagHelperOutput output)
        {
            string htmlContent = $@"<div class=text-left>
                <div class=row col-12>
                    <div class=col-6>
                        <label >Name</label>
                    </div>
                    <div class=col-6>
                    <input name=Name placeHolder=Name class='k-textbox' />
                  </div>
                </div>
                <div class=dropdown-divider></div>
            </div>";

            output.TagName = "div";
            output.Content.SetHtmlContent(htmlContent);
        }

I hope you find this helpful.

 

Kind regards,
Tsvetomir
Progress Telerik