Integrating RadTabStrip to DynamicContent - Front- & Back-End Development - Front- & Back-End Development - Progress Community
 Front- & Back-End Development

Integrating RadTabStrip to DynamicContent

  • Integrating RadTabStrip to DynamicContent
  • e507571e-37c1-6deb-a958-ff0000446526_tabs.jpg

    I'm trying to add RadTab to my custom dynamic module. My Custom module has input field "GovernmentDate". This is just year. So i'm trying to create dynamic tab with years. So every year tab has own content list. I'm not sure if this is the correct way to get solution but ehm anyway. 

    there is my code:

     

    <%@ Control Language="C#" %>
    <%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.PublicControls.BrowseAndEdit" Assembly="Telerik.Sitefinity" %>
    <%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.ContentUI" Assembly="Telerik.Sitefinity" %>
    <%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.Fields" Assembly="Telerik.Sitefinity" %>
    <%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.RadTab" Assembly="Telerik.Sitefinity" %>
    <%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI" Assembly="Telerik.Sitefinity" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <%@ Import Namespace="Telerik.Sitefinity.Web.UI" %>
    <sf:SitefinityLabel id="title" runat="server" WrapperTagName="div" HideIfNoText="true" HideIfNoTextMode="Server" CssClass="sfitemFieldLbl" />
    <telerik:RadListView ID="dynamicContentListView" ItemPlaceholderID="ItemsContainer" runat="server" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false">

        <LayoutTemplate>
         <telerik:RadTabStrip RenderMode="Lightweight" ID="ItemsContainer" runat="server" >
              <Tabs>
                    <asp:PlaceHolder ID="ItemsContainer" runat="server" />
              </Tabs>
          </telerik:RadTabStrip>
      </LayoutTemplate>

        <ItemTemplate>
           <telerik:RadTab Text='<%# Eval("GovernmentDate")%>' data-sf-provider='<%# Eval("Provider.Name")%>' data-sf-id='<%# Eval("Id")%>' data-sf-type="Telerik.Sitefinity.DynamicModules.Model.DynamicContent">
                <Tabs>
                      <sf:DetailsViewHyperLink ID="DetailsViewHyperLink" TextDataField="Title" runat="server" data-sf-field="Title" data-sf-ftype="ShortText" />
                      <sf:FieldListView ID="PublicationDate" runat="server" Format="PublicationDate.ToLocal():MMM d, yyyy, HH:mm tt" WrapperTagName="div" WrapperTagCssClass="sfitemPublicationDate" />
                </Tabs>
            </telerik:RadTab>
        </ItemTemplate>
    </telerik:RadListView>
    <sf:Pager id="pager" runat="server"></sf:Pager>

     

    and here is my final view of I want to do(attached)

     

    Please some one help me to do.  Thank you.