RSS Feed

Usage

This component allows for the configuration of RSS Feed using the XML URL path.

Example

The RSS Feed component is demoed in the Fast Track website here.

Authoring

Configure Dialog

The configure dialog allows content authors to provide the XML URL path, set the number of feeds or columns to display, and trim the displayed details like hiding the title, image, exerpt or description, and the date.

Field	Description
XML URL Path	The URL path of the feed you wish to fetch. For example, https://www.nasa.gov/rss/dyn/chandra_images.rss
Number of feeds to be displayed	Set the maximum number of rows you want the feed to be displayed
Number of Columns of feed	Set how many columns you want the feed to be displayed
Hide title from the feeds	Check this if you want to hide the title of each feed
Hide image from the feeds	Check this if you want to hide the feature image of each feed
Hide excerpt/description of the feeds	Check this if you want to hide the excerpt/description of each feed
Hide date from the feeds	Check this if you want to hide the date of each feed

Developers

Markup

<div class="rssfeed col component col-lg-12 col-12 aem-GridColumn col-md-12 aem-GridColumn--default--12 col-xl-12 col-sm-12">
    <div class="cmp-rssfeed">
        <div data-url="https://www.nasa.gov/rss/dyn/chandra_images.rss" class="cmp-rssfeed__content col_1" data-count="3" data-istitle="false" data-isthumb="false" data-hidedate="false" data-isexcerpt="false">
            <article>
                <figure>
                    <img src="">
                </figure>
                <section>
                    <h6>Title</h6>
                    <em>Date</em>
                    <p>Excerpt/description</p>
                    <a href="#" class="read-more" target="_blank">Read More</a>
                </section>
            </article>
        </div>
    </div>
</div>