
GDPR_erased
Top achievements
Rank 1
GDPR_erased
asked on 29 May 2008, 12:36 PM
I have tried to figure out how to create a custom skin with the new ajax controls, but I am just having too much trouble. I have read the help links, but I'm just still stumped. I really liked the Windows XP skin that I used in all of my applications for the older ASP.Net panel control, and I am trying to use the new Ajax control and use the same skin.
Is there anyone that could help me with converting the older WindowsXP skin for the new Ajax panel control?
Thanks,
~bg
Is there anyone that could help me with converting the older WindowsXP skin for the new Ajax panel control?
Thanks,
~bg
4 Answers, 1 is accepted
0
Hi RSBCTrumpet,
Please find attached the converted WindowsXP skin for RadPanelBar for ASP.NET AJAX.
Best wishes,
Alex
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
Please find attached the converted WindowsXP skin for RadPanelBar for ASP.NET AJAX.
Best wishes,
Alex
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
0

GDPR_erased
Top achievements
Rank 1
answered on 02 Jun 2008, 02:25 PM
Once again, you have proven how great the support services are for Telerik.
Thanks for sending the converted files. I have no doubt that it is correct, but I am still having trouble getting it to see or read the files.
I have a Prometheus Panelbar on my master page. In the header, I have:
My panelbar is this:
Isn't this all I need to do to get it to read the custom skin? It doesn't see the skin file for some reason. Any suggestions? I promise that I read everything in the help files about applying custom skins.
Thanks for your help,
~bg
Thanks for sending the converted files. I have no doubt that it is correct, but I am still having trouble getting it to see or read the files.
I have a Prometheus Panelbar on my master page. In the header, I have:
<head runat="server"> |
<title>Welcome To EDCoder</title> |
<link href="../WindowsXP/PanelBar.WindowsXP.css" rel="stylesheet" type="text/css" /> |
</head> |
My panelbar is this:
<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="WindowsXP" PersistStateInCookie="True" |
Width="140px" EnableEmbeddedSkins="False"> |
<CollapseAnimation Type="Linear" Duration="150"></CollapseAnimation> |
<Items> |
<telerik:RadPanelItem runat="server" Text="Main" Expanded="True" Value="Main"> |
<Items> |
<telerik:RadPanelItem runat="server" Value="MyMain"> |
<ItemTemplate> |
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%"> |
<tr> |
<td style="text-align: center"> |
<br /> |
<asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/Images/home.gif" PostBackUrl="~/Main/Main.aspx" /> |
</td> |
</tr> |
<tr> |
<td style="height: 16px; text-align: center;"> |
<asp:HyperLink ID="HyperLink2" runat="server" CssClass="NormalRadPanelBar" NavigateUrl="~/Main/Main.aspx">Main Menu</asp:HyperLink> |
</td> |
</tr> |
</table> |
<br /> |
</ItemTemplate> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Value="More"> |
<ItemTemplate> |
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%"> |
<tr> |
<td style="text-align: center"> |
<asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/Images/home.gif" PostBackUrl="~/Main/Main.aspx" /> |
</td> |
</tr> |
<tr> |
<td style="height: 16px; text-align: center;"> |
<asp:HyperLink ID="HyperLink2" runat="server" CssClass="NormalRadPanelBar" NavigateUrl="~/Main/Main.aspx">Main Menu</asp:HyperLink> |
</td> |
</tr> |
</table> |
<br /> |
</ItemTemplate> |
</telerik:RadPanelItem> |
</Items> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Text="Administration" |
Value="Administration"> |
<Items> |
<telerik:RadPanelItem runat="server" Value="UserMgt"> |
<ItemTemplate> |
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%"> |
<tr> |
<td style="text-align: center"> |
<br /> |
<asp:ImageButton ID="ImageButton3" runat="server" ImageUrl="~/Images/icon_securityroles_32px.gif" PostBackUrl="~/Admin/ManageUsers.aspx" /></td> |
</tr> |
<tr> |
<td style="text-align: center"> |
<asp:HyperLink ID="HyperLink3" runat="server" CssClass="NormalRadPanelBar" NavigateUrl="~/Admin/ManageUsers.aspx">User Management</asp:HyperLink></td> |
</tr> |
</table> |
<br /> |
</ItemTemplate> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Value="LoginAudit"> |
<ItemTemplate> |
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%"> |
<tr> |
<td style="text-align: center"> |
<asp:ImageButton ID="ImageButton4" runat="server" ImageUrl="~/Images/LoginAudit.gif" PostBackUrl="~/Admin/LoginLog.aspx" /></td> |
</tr> |
<tr> |
<td style="text-align: center"> |
<asp:HyperLink ID="HyperLink4" runat="server" CssClass="NormalRadPanelBar" NavigateUrl="~/Admin/LoginLog.aspx">Login Audit</asp:HyperLink></td> |
</tr> |
</table> |
<br /> |
</ItemTemplate> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Value="UserList"> |
<ItemTemplate> |
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%"> |
<tr> |
<td style="text-align: center"> |
<asp:ImageButton ID="ImageButton5" runat="server" ImageUrl="~/Images/users32.gif" PostBackUrl="~/Reports/ReportUserList.aspx" /></td> |
</tr> |
<tr> |
<td style="text-align: center"> |
<asp:HyperLink ID="HyperLink5" runat="server" CssClass="NormalRadPanelBar" NavigateUrl="~/Reports/ReportUserList.aspx">User List</asp:HyperLink></td> |
</tr> |
</table> |
<br /> |
</ItemTemplate> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Value="SystemTables"> |
<ItemTemplate> |
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%"> |
<tr> |
<td style="text-align: center"> |
<asp:ImageButton ID="ImageButton6" runat="server" ImageUrl="~/Images/Settings.ico" PostBackUrl="~/Admin/Settings.aspx" /></td> |
</tr> |
<tr> |
<td style="text-align: center"> |
<asp:HyperLink ID="HyperLink6" runat="server" CssClass="NormalRadPanelBar" NavigateUrl="~/Admin/Settings.aspx">System Tables</asp:HyperLink></td> |
</tr> |
</table> |
<br /> |
</ItemTemplate> |
</telerik:RadPanelItem> |
</Items> |
</telerik:RadPanelItem> |
</Items> |
<ExpandAnimation Type="OutBounce" Duration="500"></ExpandAnimation> |
</telerik:RadPanelBar> |
Isn't this all I need to do to get it to read the custom skin? It doesn't see the skin file for some reason. Any suggestions? I promise that I read everything in the help files about applying custom skins.
Thanks for your help,
~bg
0
Hello RSBCTrumpet,
Unfortunately, the css wasn't correct... I've updated the declarations (the RadPanelbar_WindowsXP class had to be renamed to RadPanelBar_WindowsXP).
I am sorry about the inconvenience. Your posted code seems to be correct.
Best wishes,
Alex
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
Unfortunately, the css wasn't correct... I've updated the declarations (the RadPanelbar_WindowsXP class had to be renamed to RadPanelBar_WindowsXP).
I am sorry about the inconvenience. Your posted code seems to be correct.
Best wishes,
Alex
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
0

GDPR_erased
Top achievements
Rank 1
answered on 02 Jun 2008, 02:59 PM
AbsoLutely BeauTiFul !!!!
ThAnKs! ;o)
~bg
ThAnKs! ;o)
~bg