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

WindowsXP Skin

4 Answers 110 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
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

4 Answers, 1 is accepted

Sort by
0
Alex Gyoshev
Telerik team
answered on 02 Jun 2008, 01:47 PM
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
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:

<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
Alex Gyoshev
Telerik team
answered on 02 Jun 2008, 02:49 PM
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
0
GDPR_erased
Top achievements
Rank 1
answered on 02 Jun 2008, 02:59 PM
AbsoLutely BeauTiFul !!!!
ThAnKs! ;o)
~bg
Tags
PanelBar
Asked by
GDPR_erased
Top achievements
Rank 1
Answers by
Alex Gyoshev
Telerik team
GDPR_erased
Top achievements
Rank 1
Share this question
or