This is a migrated thread and some comments may be shown as answers.

Adding a link button to a root panel item

1 Answer 94 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
richardFlow
Top achievements
Rank 1
richardFlow asked on 11 Jan 2010, 07:59 PM
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

1 Answer, 1 is accepted

Sort by
0
Poul Henningsen
Top achievements
Rank 1
answered on 12 Jan 2010, 09:19 AM
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
 
 
Tags
PanelBar
Asked by
richardFlow
Top achievements
Rank 1
Answers by
Poul Henningsen
Top achievements
Rank 1
Share this question
or