Card View in FeedWind

  • Created : Dec, 7, 2020
  • Last Updated: Dec, 8, 2020

Card view style is for users who want to emphasize images over text. It is ideal for feeds that contain articles that link to visual pages, like Instagram and YouTube feeds. This document is to give more detail on the settings involved with card view than the main style settings document.

card-widget-option

Below are the details of each option under ‘Card’ in the settings screen:

  • Width – Adjusts the width of posts in a feed. The individual options are as follows:
    • In pixels – Enter width in pixels. This will fix the width of your widget regardless of the browser/page/column width.
    • Responsive – For mobile-friendly behavior or desktop browsers with responsive capability. The widget resizes to fit the column/page/container width.
    • Posts – Decides how many posts are displayed horizontally. More than one post will disable the fade transition.
  • Height – Adjusts the height of posts in a feed.
    • In pixels – Enter an image height in pixels. This will fix the image height of your widget regardless of the browser/page/column height.
    • Posts – Decides how many posts are displayed vertically and fixes the height of your widget according to the number of feed items.

card-view-option

  • Display Order – Changes the order in which the cards are displayed, between ‘Top to Bottom’ and ‘Left to Right’.

 

Top to Bottom Left to Right
card-view-top-to-bottom card-view-left-to-right
  • Image Scale – Determines how the image will scale to fit within the widget. Images can be scaled using the following options:
    • Fill – Stretches or compresses the source image to fill the widget
    • Fits the shortest side – Fits the shortest side of the source image within the widget, while maintaining the original aspect ratio.
    • Fits the longest edge – Fits the longest edge of the source image within the widget while maintaining the original aspect ratio.
    • Not stretch – Works the same as best-fit, but will not stretch the source if it is smaller than the target.
    • Original size – The source image is left unscaled
  • Image Align – Determines how the image is aligned within the widget, between these options:
    • Left
    • Right
    • Center
    • Top
    • Top Left
    • Top Right
    • Bottom Left
    • Bottom Right

 

Start your free trial. FeedWind is the easiest way to add dynamic content on your website.
Create Now