Nested Items within a PanelBar

[Andrew]

Hi

How do insert a control within a Panel.

As an example below with the Panel Getting Started I would have the text "Testing" and then a Kendo.button underneath ?

 

<h3>Telerik UI for ASP.NET MVC PanelBar</h3>

<br />

 

@(Html.Kendo().PanelBar()

    .Name("IntroPanelBar")

    .Items(items =>

    {

        items.Add()

            .Text("Getting Started")

            .Selected(true)

            .Expanded(true)

            .Content(@<text>

                Testing

    //button here


            </text>);

 

        items.Add()

            .Text("Add NuGet packages and jump-start your coding")

            .Content(@<text>

                <p style="padding:0 1em">NuGet makes it easy to install and update free libraries and tools.

                <a href="http://go.microsoft.com/fwlink/?LinkId=245153">Learn more…</a></p>

            </text>);

        items.Add()

            .Text("Find Web Hosting")

            .Content(@<text>

                <p style="padding:0 1em">You can easily find a web hosting company that offers the right mix of features

                and price for your applications.

                <a href="http://go.microsoft.com/fwlink/?LinkId=245157">Learn more…</a></p>

            </text>);

    })

)

 

​

​

[Alexander Popov]

Hi Andrew,

Here is an example: 

.Items(panelbar =>
{
    panelbar.Add().Text("My Teammates")
        .Expanded(true)
        .Content(@<text>
                @Html.Kendo().Button().Name("myButton").Content("Click me")
        </text>);

Regards,
Alexander Popov
Telerik

[Andrew]

The  .Content(@<text></text> works well but can it be used with panelBar.Append ?

 

 $("#panelbar").kendoPanelBar();
        var panelBar = $("#panelbar").data("kendoPanelBar");

        panelBar.append(

            {
                text: "New Person",
                encoded: true,
                content: "dddddddddddddddddddd"

                           
                
    }

[Alexander Popov]

Hello Andrew,

You can append the panel first with an HTML element as its content, then use that element to initialize the button.

Regards,
Alexander Popov
Telerik