Article information
Article relates to
RadRotator for ASP.NET AJAX
Created by
Fiko
Last modified
2009/11/26
Last modified by
EXAMPLE The following example demonstrates the purpose of the Width, ItemWidth, Height and ItemHeight properties: The Rotator's setup :
The itemTemplate class :
<style type=
"text/css"
>
.itemTemplate
{
width
:
100px
;
height
}
</style>
Result: After implementing the above steps then two items will be shown in the viewport of the RadRotator, because of the Width="200" and ItemWidth="100" properties. If you need to show 3 items in the viewport you need to change the Width property to "300". In case that you use one of the buttons' type of the RadRotator control you need to set Width="240" (the buttons have dimensions: 20x20 pixels). Respectively, if you use the ScrollDirection="Up, Down", then the above described logic needs to be applied to the Height and ItemHeight properties. IMPORTANT The RadRotator control does not support percent values and all of the above properties need to be set in pixels. Also the items should have equal size. CONCLUSION ItemTemplate can contain several elements (images, labels etc.) and in this case the total of the elements' width or height should be taken into account when the ItemWidth or ItemHeight properties are set.
Resources Buy Try