Information to Navigation Bar Skin
As we know, the skin of the navigation bar, which has two main elements, image and Cascading Style Sheets (CSS), is directly responsible for how the navigation bar look and what feel it brings to the viewers. The Skin property from the PerNavigationBar control allows users to design the general tone and appearance of the navigation bar as they wish.
And NavigationBar component contains a number of pre-defined skin styles and users can easily use these existing embedded skins by defining the value of the PerNavigationBar.skin to the name of target skin style. Of course, you are also allowed to use your own customized skin.
And from following text, you will know how add custom skin to Navigation Bar using ASP.NET AJAX.
How to Add Customized Bar Skin
The customization of Navigation Bar skin may refer to two cases. One is that you make some modifications based on one existing embedded skin. The other is that you create your own skin by defining the images and a stylesheet (namely, CCS). But for either of above two situations, we recommend you to start with the CCS of an existing skin and then change its settings.
Before offering you the detailed guidance of customizing the navigation bar skin, we need to mention one point that you need to define an empty value to the Skin Property and set the EnableEmbeddedSkins property to False if you want to use the Navigation Bar without any skin style.
Now we will illustrate the work that you need to do if you want to use your own skin. Actually, you can easily add your own customized navigation bar skin style to your project by following the three steps below.
Note: to make sure the PerNavigationBar control can work successfully in your ASP.NET web application, please install .NET Framework 3.5 or later versions and embed all the necessary ASP.NET AJAX dlls into your ASP.NET project. If you have any question in changing the NavigationBar skin, please free to contact us via E-mail.
Related Tutorial for Navigation Bar Style
If you want to know how to change the appearance style of Navigation Bar, you can visit this Controlling Appearance of Navigation Bar.
ASP.NET AJAX UI Controls
ASP.NET AJAX Chart UI Control ASP.NET AJAX Grid UI Control ASP.NET AJAX Barcode UI Control ASP.NET AJAX Button UI Control ASP.NET AJAX Calendar UI Control
ASP.NET AJAX NavigationBar UI ControlOverviewGetting StartedElementsTemplatesFeatures
Data BindingObjectDataSource DataDatabase DataXML Data
Client PrpgrammingItem Event
Server ProgrammingItem EventASP.NET AJAX Captcha UI Control ASP.NET AJAX Color Editor UI Control ASP.NET AJAX ComboBox UI Control ASP.NET AJAX DataPager UI Control ASP.NET AJAX Dock UI Control ASP.NET AJAX DropDownList UI Control ASP.NET AJAX DropDownTree UI Control ASP.NET AJAX HtmlEditor UI Control ASP.NET AJAX FileManager UI Control ASP.NET AJAX Filter UI Control ASP.NET AJAX Input UI Control ASP.NET AJAX ListBox UI Control ASP.NET AJAX ListView UI Control ASP.NET AJAX ToolBar UI Control ASP.NET AJAX TabControl UI Control ASP.NET AJAX Menu UI Control ASP.NET AJAX ToolTip UI Control