[Solved] RadSiteMap Skin

[Tapas]

Hello Telerik.
I am using RadSiteMap in my application. But I am not able to set the skin of it as shown in the link
http://demos.telerik.com/aspnet-ajax/sitemap/examples/nodelines/defaultcs.aspx
Here is what I did:

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" EnableEmbeddedSkins="false" Skin="Custom" />
    <telerik:RadSiteMap ID="RadSiteMap1" runat="server" ShowNodeLines="True" EnableEmbeddedSkins="False"
        Skin="Custom">
        <Nodes>
            <telerik:RadSiteMapNode runat="server" NavigateUrl="~/Administrator/AdminHome.aspx"
                Text="Administrator Home" ToolTip="Administrator Home">
                <Nodes>
                    <telerik:RadSiteMapNode runat="server"
                        NavigateUrl="~/Administrator/DeleteRoutine.aspx" Text="Delete Class Routine"
                        ToolTip="Delete Class Routine">
                    </telerik:RadSiteMapNode>
                    <telerik:RadSiteMapNode runat="server" NavigateUrl="~/Administrator/DeleteUser.aspx"
                        Text="Delete User" ToolTip="Delete User">
                    </telerik:RadSiteMapNode>
                    <telerik:RadSiteMapNode runat="server" NavigateUrl="~/Administrator/RoutineFileUpload.aspx"
                        Text="Upload Class Routine" ToolTip="Upload Class Routine">
                    </telerik:RadSiteMapNode>
                    <telerik:RadSiteMapNode runat="server"
                        NavigateUrl="~/Administrator/UsersProfileEdit.aspx" Text="Edit Profile"
                        ToolTip="Edit Profile">
                    </telerik:RadSiteMapNode>
                    <telerik:RadSiteMapNode runat="server"
                        NavigateUrl="~/Administrator/UsersProfileView.aspx" Text="View Profile"
                        ToolTip="View Profile">
                    </telerik:RadSiteMapNode>
                </Nodes>
            </telerik:RadSiteMapNode>
        </Nodes>
    </telerik:RadSiteMap>

I am using using actually black skin as the machine where I will run my application does not have Telerik installed, so I copy and attach the skin directory to my project and call these as:

 <link href="../CustomSkin/SiteMap.Custom.css" rel="stylesheet" type="text/css" />
<link href="../CustomSkin/FormDecorator.Custom.css" rel="stylesheet" type="text/css" />

Everything is fine except the black background as shown in the above link. What else should I add to get that one.
Thank you.
And lastly Telerik is awesome.

[Veronica]

Hello Tapas,

Actually the black background is not part of the "Black" skin. It is part of the demos design. You can easily check this by dragging a RadSiteMap control and set the Skin to "Black".  So, you are ready with the Custom Skin.

Feel free to ask me if you have further questions.

All the best,
Veronica Milcheva
the Telerik team

[Tapas]

Thank you Veronica and the Telerik team.

[Alexander]

Is it possible to make my own skin for sitemap?

[Sebastian]

Hello Alexander,

Of course, and you can do that pretty easily with our AJAX Visual Style Builder tool.

Best regards,
Sebastian
the Telerik team