Hi,
I know this is probably something really simple, but I can't get it to work. I'm trying to add icons to the HeaderTemplate and make them right justified. I used span and div tags but they seem to push the icons down into the content area.
Here's my asp page:
I also attached what my screen looks like.
Thank you,
Helen
I know this is probably something really simple, but I can't get it to work. I'm trying to add icons to the HeaderTemplate and make them right justified. I used span and div tags but they seem to push the icons down into the content area.
Here's my asp page:
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
id
=
"Head1"
runat
=
"server"
>
<
title
></
title
>
<
link
href
=
"CustomSkin/PanelBar.Salt.css"
rel
=
"stylesheet"
/>
<
style
type
=
"text/css"
>
.RadPanelBar_Salt a.rpLink.GreenPanel.rpExpandable.rpExpanded {
background-color: green;
background-position: 0 -1000px;
border-color: green;
}
</
style
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
></
telerik:RadScriptManager
>
<
telerik:RadSkinManager
ID
=
"RadSkinManager1"
runat
=
"server"
></
telerik:RadSkinManager
>
<%--<
telerik:RadButton
runat
=
"server"
Text
=
"Preview Report"
></
telerik:RadButton
>--%>
<
telerik:RadPanelBar
ID
=
"RadPanelBar1"
runat
=
"server"
ExpandMode
=
"MultipleExpandedItems"
Skin
=
"Salt"
EnableEmbeddedSkins
=
"false"
>
<
CollapseAnimation
Duration
=
"100"
Type
=
"None"
/>
<
Items
>
<
telerik:RadPanelItem
runat
=
"server"
Text
=
"Root RadPanelItem1"
CssClass
=
"GreenPanel"
>
<
HeaderTemplate
>
Root Item 1
<
asp:ImageButton
ID
=
"image1"
runat
=
"server"
ImageUrl
=
"~/images/save_go16x16.png"
/><
asp:ImageButton
ID
=
"ImageButton1"
runat
=
"server"
ImageUrl
=
"~/images/ie_16x16.png"
/>
<
a
class
=
"rpExpandable"
>
<
span
class
=
"rpExpandHandle"
></
span
>
</
a
>
</
HeaderTemplate
>
<
ContentTemplate
>
<
telerik:RadTextBox
ID
=
"textbox1"
runat
=
"server"
Text
=
"text 1"
></
telerik:RadTextBox
>
<
telerik:RadComboBox
runat
=
"server"
ID
=
"RadComboBox1"
Text
=
"combo1"
></
telerik:RadComboBox
>
</
ContentTemplate
>
</
telerik:RadPanelItem
>
<
telerik:RadPanelItem
runat
=
"server"
Text
=
"Root RadPanelItem2"
CssClass
=
"GreenPanel"
>
<
HeaderTemplate
>
Root Item 2<
asp:ImageButton
ID
=
"ImageButton2"
runat
=
"server"
ImageUrl
=
"~/images/save_go16x16.png"
/>
<
a
class
=
"rpExpandable"
>
<
span
class
=
"rpExpandHandle"
></
span
>
</
a
>
</
HeaderTemplate
>
<
ContentTemplate
>
<
telerik:RadTextBox
ID
=
"RadTextBox1"
runat
=
"server"
Text
=
"Root Panel 2"
></
telerik:RadTextBox
>
<
telerik:RadComboBox
runat
=
"server"
ID
=
"RadComboBox2"
Text
=
"combo2"
></
telerik:RadComboBox
>
</
ContentTemplate
>
</
telerik:RadPanelItem
>
<
telerik:RadPanelItem
runat
=
"server"
Text
=
"Root RadPanelItem3"
CssClass
=
"GreenPanel"
>
<
HeaderTemplate
>
Root Item 3<
asp:ImageButton
ID
=
"ImageButton3"
runat
=
"server"
ImageUrl
=
"~/images/save_go16x16.png"
/>
<
a
class
=
"rpExpandable"
>
<
span
class
=
"rpExpandHandle"
></
span
>
</
a
>
</
HeaderTemplate
>
<
ContentTemplate
>
<
telerik:RadTextBox
ID
=
"RadTextBox3"
runat
=
"server"
Text
=
"Root Panel 3"
></
telerik:RadTextBox
>
<
telerik:RadComboBox
runat
=
"server"
ID
=
"RadComboBox3"
Text
=
"combo3"
></
telerik:RadComboBox
>
</
ContentTemplate
>
</
telerik:RadPanelItem
>
</
Items
>
<
ExpandAnimation
Duration
=
"100"
Type
=
"None"
/>
</
telerik:RadPanelBar
>
</
form
>
</
body
>
</
html
>
I also attached what my screen looks like.
Thank you,
Helen