Inner Row

Inner Row Widget has same functoining as Row WIdget. An Inner Row widget is used to create another row inside the main Row in single div.

CONTENT

  • Container Width : Choose the width for the particular row eg – Auto (Width of the main Container), Full (Full width of the device), Fixed (as per user define),
  • Row WIdth (Option only available for fixed-width) : Set the width for the row in px (pixel unit).
  • Column Gap : Set the space between each column widget you use inside the row.
  • Content Width : Set the max-width of the content inside the row eg – Auto (Width of the row), Fixed (as per user define), Full (Full width of the device).
  • Fixed (Option only available for fixed-width) : Set the width for the row in px (pixel unit).
  • Height : Set the height of the column eg – Default (original height of the row), Fit screen (as per the height of the user device), Min-height (minimum height as per user define).
  • Min height (Option only available for Min Height) : Set the Min height for the row in px (pixel unit).
  • Column V-align : Set the vertical alignment of the columns inside row eg- Default, Top, Center, Bottom, Stretch.
  • Content V-align : Set the vertical alignment of an element inside the row eg- Default, Top, Center, Bottom Stretch.

BACKGROUND

  • Background Type : Choose the background for column eg – None, Video, Parallax.
  • Video URL (Option only available for Video) : Set the column background to your choice of video.
  • Image (Option only available for Parallax) : Set the column background to your choice of parallax image.

OVERLAY

  • Delay (Option only available for HOVER) : Set the time it takes to appear. This time is in milliseconds, so 1000 ms is equal to 1 second.
  • Overlay Type : Choose the type of overlay for column eg – None, Color, Gradient, Image.

Color Overlay

  • Color : Choose the overlay color for the column.
  • Transparency : Set the transparency of the overlay type.

Gradient Overlay

  • Angle : Set the angle of the gradient color to be displayed from 0 to 360 degree.
  • Color 1 : Choose the first gradient color.
  • Percentage : Choose the percentage of the first gradient color to be displayed.
  • Color 2 : Choose the second gradient color.
  • Percentage : Choose the percentage of the second gradient color to be displayed.
  • Color 3 : Choose the third gradient color.
  • Percentage : Choose the percentage of the third gradient color to be displayed.
  • Transparency : Set the transparency of the overlay type.

NOTEThe percentage total of all three gradient color should not exceed 100 for it to work effeciently.

Image Overlay

  • Image : Select the image you want to display as an overlay.
  • Attachment : Set the image attachment type eg – Default, Scroll(Scrollable), Fixed(Parallax).
  • Position – X : Set the horizontal position of the image for overlay eg – Default, Center, Left, Right.
  • Position – Y : Set the vertical position of the image for overlay eg – Default, Center, Top, Bottom.
  • Repeat : Set the overlay image to repeat itself if space is available eg – Default, Repeat (image will be repeated horizontally and vertically as per available space) , No-Repeat (image will not be repeated), Repeat-X (image will be only repeated horizontally), Repeat-Y (image will be only repeated vertically).
  • Size : Set the size of the overlay image eg – Cover (image takes full available space), Contain (actual size of the image not exceeding column size).
  • Transparency : Set the transparency of the overlay type.

SHADE STYLES

  • Position : Select the position where you want to display shade.
  • Type : Select the style of the shade you want to use.
  • Color : Set the color of the shade style.
  • Width : Set the width of the shade style.
  • Heigth : Set the height of the shade style.
  • Flip : Flip the shade to other direction.

Was this helpful to you?

Leave a Reply