Image

You have to go through a two-step form wizard to enable this Control, i.e., Design & Advance. Let’s explain these steps below:

1st Step – Design

This is the first step of the “Image” control form wizard. Here you are required to fill in the following details:

  1. Database Field Name (mandatory): These are the attributes of the form
  2. Image URL: Provide image URL
  3. Column Width
  4. Image CSS Class
  5. Alt Text
  6. Picture Width
  7. Picture Height

2nd Step – Advance

  1. Design
    1. Show Image In Circle
    2. Is Background Image
    3. Bootstrap Column Class
    4. Image Placeholder Field: Here you enter API Field
  2. Others
    1. Enable Slider View
      1. Default Card Image
      2. Enable Slider Navigation
      3. Enable Slider Pagination
      4. Slider Size
      5. Center Class
      6. Center Padding
      7. Rows
      8. Auto-play Speed
      9. Speed
      10. Is Auto-play
      11. Swipe to Slide
      12. Is Vertical
      13. Vertical Swiping
      14. Pause on Hover
      15. Large Image Width
      16. Large Image Height
    2. No Data Configuration
      1. No Data Image URL
      2. Background Color
      3. Image Width
      4. Ourt Height
      5. Title
      6. Message
    3. Is Image Base64string
  3. Mobile
    1. Margin Left
    2. Margin Top
    3. Margin Right
    4. Margin Bottom
    5. Enable Zoom
      1. Image Node (Multiple Files)

Click “Confirm” and “Image” control is configured.