How to add Iframe to a Rad Panel Item Dynamically?

[Santhosh]

Hi Team, 
 My Requirement is to open PDF File in Rad Panel Item. When I do it from design mode it is working fine, but I am unable to add Iframe from code behind.
 
When I used Iframe from design mode : 
                 <telerik:RadPanelBar ID="radSample" runat="server">
                      <Items>
                        <telerik:RadPanelItem>
                          <ContentTemplate>
                           <iframe id="sample123" runat="server" src="~/UpLoadedImages/abc.pdf"></iframe>
                          </ContentTemplate>
                        </telerik:RadPanelItem>
                      </Items>
                    </telerik:RadPanelBar>
  when I used like this it is working fine and pdf is opening in Iframe but now i need to add rad panel items dynamically,
but as per my requirement i may have add number of rad panel items  so for that,     
count = no. of items;
foreach(int i=0 ; i < count; i++)
{
                         RadPanelItem myItem= new RadPanelItem();
 System.Web.UI.HtmlControls.HtmlGenericControl Iframe1 = new System.Web.UI.HtmlControls.HtmlGenericControl();
                        Iframe1.Attributes["src"] = "~/UpLoadedImages/abc.pdf";
                        myItem.Controls.Add(Iframe1);
radPnlBar1.Items.Add(myItem);
}
Now IFrame is adding like a span tag and not working as expected.

Can you help me how to add Iframe control to Rad Panel Item dynamically....


 Thanks in Advance..

 Santhosh.G,

[Kate]

Hi Santhosh,

Here is an example of how you can add an iframe in a ContentTemplate of a RadPanelBar control using code behind:

public partial class PanelBar_PanelBar1 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        CustomContentTemplate template = new CustomContentTemplate();
        foreach (RadPanelItem item in RadPanelBar1.Items)
        {
            item.ContentTemplate = new CustomContentTemplate();
            template.InstantiateIn(item);
        }
    }

    class CustomContentTemplate : ITemplate
    {
        public void InstantiateIn(Control container)
        {

            var Iframe1 = new HtmlGenericControl("IFRAME");

            Iframe1.Attributes["height"] = "300px";
            Iframe1.Attributes["width"] = "300px";

            Label label1 = new Label();
            label1.Text = "neeeew";
            label1.Font.Bold = true;

            container.Controls.Add(label1);
            container.Controls.Add(Iframe1);
        }
    }
}

markup:

<telerik:RadPanelBar ID="RadPanelBar1" runat="server">
      <Items>
          <telerik:RadPanelItem runat="server" Text="Root RadPanelItem1" Value="A">
          </telerik:RadPanelItem>
          <telerik:RadPanelItem runat="server" Text="Root RadPanelItem2" Value="B">
          </telerik:RadPanelItem>
          <telerik:RadPanelItem runat="server" Text="Root RadPanelItem3" Value="C">
          </telerik:RadPanelItem>
      </Items>
  </telerik:RadPanelBar>

Greetings,
Kate
the Telerik team