Information to ListBox Skin Customization

What is skin style of the listbox control? Combining a set of images and a CSS stylesheet, the skin largely determines the feel and look of the listbox. And the PerListBox control has embedded a set of pre-defined skin styles and developers can easily use these existing skins by assigning specific value to the Skin property. Besides, custom skin styles are also supported by this ASP.NET AJAX UI control.

And from this online tutorial page, you will find detailed guidance on how to change the skin style of the listbox control using existing skin style or custom skin style.

How to Change ListBox Skin Style

In this section, we will mention two methods that you can use to change the skin style of the listbox control. One is to apply one existing skin styles to target listbox control and the other is to use your own created skin in the PerListBox Control.

Customize ListBox Skin with Existing Skin Styles

As is said before, the PerListBox Control has embedded a pre-defined skin styles and developers are allowed to apply these pre-set Skins by simply assigning the name of the Skin property.

First, you need to set the EnableEmbeddedSkins property to true;
Then you need to find the Skin property and set a value for it via the property panel or the Smart Tag.
Apply Custom Skin to ListBox Control

If all the existing skins the PerListBox control has offered do not meet your needs, you can also add your own custom skin style to this ListBox control.

Now we will illustrate the work that you need to do if you want to use your own skin in the listbox creating application. Actually, you can easily add your own customized editor skin style to your project by following the three steps below.

Add the new CSS file to your project.
Drag and drop the CSS file from the Project Explorer onto your Web page.
Set the EnableEmbeddedSkins property of the target PerListBox control to False.

Note: when you use custom skin, we recommend you to start with the CCS of an existing skin and then change its settings. If you meet any question in the process of modifying the skin style of the listbox control, please feel free to contact us.

ASP.NET AJAX UI Controls

ASP.NET AJAX ListBox UI Control

Overview Getting Started Elements

Features

Reorder Transfer Drag and Drop Button Configuration CheckBoxes Load On Demand Templates

Data Binding

XML Data DataSource Data

Client Prpgramming

ListBox Event

Server Prpgramming

ListBox Event 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