Adding a link button to a root panel item

2 posts, 0 answers
  1. richardFlow
    richardFlow avatar
    62 posts
    Member since:
    Jun 2012

    Posted 11 Jan 2010 Link to this post

    I'm trying to use a panel bar to create a similar menu to this:

    http://www.asos.com/Men/Jeans/Cat/pgecategory.aspx?cid=4208#parentID=Rf-100&pge=0&pgeSize=20&sort=-1&state=Rf-100%3DJeans

    I've managed to create the basic functionality, but cannot add a 'clear' button to the root panel item whenever a selection is made. How would I go about doing this? I have included an example panel item below. In this example I would need to be able to add it in the cblStyle_IndexChanged code:

    <telerik:RadPanelItem Text="Style" Expanded="true">
     <Items>
      <telerik:RadPanelItem>
       <ItemTemplate>
        <asp:CheckBoxList ID="cblStyle" runat="server" AutoPostBack="true" OnSelectedIndexChanged="cblStyle_IndexChanged">
        </asp:CheckBoxList>
       </ItemTemplate>
      </telerik:RadPanelItem>
     </Items>
    </telerik:RadPanelItem>

    Regards,
    Richard
  2. Poul Henningsen
    Poul Henningsen avatar
    194 posts
    Member since:
    May 2006

    Posted 12 Jan 2010 Link to this post

    that's a bit tricky. you can check this demo - http://demos.telerik.com/aspnet-ajax/panelbar/examples/functionality/templates/defaultcs.aspx. in general, the idea is to set absolute position to the templated element, i.e.


    /* styling and positioning of RadMenu template */ 
     
    div.RadPanelBar .rpItem 
        positionstatic
        overflowvisible
     
    div.RadPanelBar .rpTemplate 
        positionabsolute
        z-index: 1; 
     
    div.RadPanelBar .rpSlide .rpTemplate 
        positionstatic
        z-indexauto
     
    div.RadMenu 
        positionabsolute
        top: -24px
        left120px
     
    div.RadMenu .rmRootGroup 
        border: 0; 
        backgroundnone
     
    div.RadMenu .rmItem 
        backgroundnone
     
    div.RadMenu .rootItem, 
    div.RadMenu .rootItem .rmText 
        backgroundnone !important; 
        border: 0; 
        padding: 0 !important; 
        color#4fb50b
        line-height20px
        text-decorationnone
     
     
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top