Carousel Transformation

5 Jun 20201 minute to read

The Offset between selected and unselected item can be customized in SfCarousel control. And also the items can be scaled to the specified value.

Tilt Non Selected Items

The RotationAngle property in the SfCarousel control is used to tilt all the unselected items in a specified angle.

NOTE

If the angle value is positive, then the rotation is in the clockwise direction. If the angle value is negative, the rotation is in the counterclockwise direction.

  • C#
    • SfCarousel carousel = new SfCarousel();
carousel.RotationAngle = 40;

    The rotationangle

    Set Gap between Unselected Items

    The Offset property is used to specify the accurate distance between unselected items in SfCarousel panel.

    NOTE

    The default value is 20.

  • C#
    • SfCarousel carousel = new SfCarousel();
carousel.Offset = 30;

    The image

    Set Gap between Selected Item

    Distance between the selected item and other items can be customized by using SelectedItemOffset property of the SfCarousel control.

  • C#
    • SfCarousel carousel = new SfCarousel();
carousel.SelectedItemOffset = 6;

    The ScaleOffset property in the SfCarousel control is used to scale all the items to the specified scale value.

  • C#
    • SfCarousel carousel = new SfCarousel();
carousel.ScaleOffset = (nfloat)0.7;

    The ScaleOffset

    Spacing of Items in Linear mode

    Spacing of all the items in Linear mode can be determined by using ItemSpacing property.

    NOTE

    The default value is 5.

  • C#
    • SfCarousel carousel = new SfCarousel();

carousel.ViewMode = SFCarouselViewMode.SFCarouselViewModeLinear;

carousel.ItemSpacing = 10;