Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 10 Next »

  • A Carousel component is used to display a series of images in a single container

  • A Carousel is a component that displays content in a slideshow-like manner. Carousels can "autoplay" or are navigated manually by users

  • The component displays a series of images that slide one at a time

  • An image carousel is a container (slideshow) of images or info that users can select by clicking a button that directs them forward or backward in the slideshow

  • Carousel provides header and descriptive text that displays below the image

  • Models are used to display content in the layout

  • Typically used for record creation or editing, as well as various types of messaging

  • A Model needs to be added when you perform any action in an event, refer to this link Models

    • Model will add

  • From Head Line, you can select the field from the object assigned to the model

  • Saved data in that field, which will display as a headline

  • Click on Head Line

  • Selects the Head Line from the dropdown menu

  • In the source, the URL will be automatically bound

  • Click on Source

  • Selects the Source from the dropdown menu

  • You can enter more details about Causel

  • Click on Description

  • Selects the Description from the dropdown menu

  • If the checkbox is true then in preview mode it automatically scrolls images

  • In Preview mode

  • You can set the duration for scrolling images in the carousel

  • e.g if you set 3 scroll duration then in preview mode the next image scrolls after 3 seconds

  • In Carousel, you can use customized animation effects for slide transitions using the animation types

  • Animated Carousels are way more engaging than still carousels

  • There are five types of animation

    • Slides: A slide transition is how one slide is removed from the screen and the next slide is displayed during a presentation

    • Scale: An animation that controls the scale of an object. You can specify the point to use for the center of scaling

    • Fade: Fade animation is used to change the appearance and behavior of objects over a particular interval of time

      • It will provide a better look and feel for our applications

    • Flip: Flip animation is viewed by viewing successive images in a quick motion so that they seem to form a sequence

      • A flip animation is a simple type of animation created by viewing successive images so quickly that they seem to form a sequence

    • Jack In The Box:

  • No labels