slide show rss

[rabeeh]

How to slide show of rss news in the start page?? Like this

[Alena Prykhodko]

Hello Rabeeh,

What exactly is not clear? Could you please specify your question?
Also we suggest that you look at the tutorial http://devcenter.appery.io/tutorials/...

[rabeeh]

As you can see the big pictuer after the header is as slide show. Its mean that evry 5 sec its swich to another pictuer. How can i do that??

[Alena Prykhodko]

You can do this with Carousel component (http://devcenter.appery.io/documentat...) and Service.
Map Service response to Carousel component.

[rabeeh]

if i need to connect rss to the carousel then i need to build grid inside the carousel?
what i need is picture and title as you see in the images above.
can you just send me picture of the mapping rss in carousel

thank you

[obullei]

Hello Rabeeh!

Please specify how do you want to connect RSS to the carousel?

1st way: for every carousel inset - it's own RSS
2nd way: for every carousel inset - it's own RSS element

Please also provide (attach) the RSS you want to map?

[rabeeh]

every item should be one carousel point that have 1 picture and 1 title what i do is this mapping :

[obullei]

Hi Rabeeh!

Your mapping looks good.

Please describe your problem. And give us public link and steps to reproduce your problem.

Thanks.

[rabeeh]

the news not appeared in the app
the rss links is
http://www.cairo-now.com/rss-app-main...

what i need is to connect the picture and the title in the rss to the carousel as i attached the mapping picture above.

the problem the news not appeared in the app
public link
http://appery.io/app/mobile-frame?src...

[Yurii Orishchuk]

Hi Rabeeh.

Your RSS feed is not returns url. In the response "encoded" string.

But returns html with image component inside instead.

If you want to get it work with this RSS feed you need to add JS to the mapping "encoded"-"Image URL" with following code:

pre

//Create dom element with code from "encoded" response paramter.
var img = jQuery(value);

//Get src from just created img element
var src = img.attr("src");

//Return this src to the carousel-item component
return src;

/pre

Regards.