RSS Pro and RSS Pro Details pages    
This topic is assigned to Dmitry

Nov 04, 2011 08:56 AM
The RSS Pro page type is used to display the list of RSS feeds loaded from a specified URL. It is possible to customize design of the main page containing the RSS feeds. 
RSS Pro is used together with RSS Pro Details page in which the content of the feed is displayed. In RSS Pro Details you can customize design and outlay of the content. 






RSS Pro must be tested on device using SC previewer app.

Customization of RSS Pro is done in the Edit RSS page.



You can change the header image;
link to the feed details page (an RSS Pro Details type page in your project app) and;
specify the URL of RSS:






Customization of design and layout is achieved by editing appropriate styles in the HTML code of the page.

Ex: Edit within the style tag.















---
RSS Pro page displaying list of feeds (seen on the device)



























---
Customization of RSS Pro Detail is done in the Edit HTML Page


Page is edited as an ordinary HTML page. Use word editing tools to customize font, size, color, background, etc of the page and content that will be displayed (the RSS feed). 

















Customization of design and layout can also be achieved by editing property values of classes defined in style.css








 
 






















RSS Pro Details page displaying the feed (seen on the device)


Finally specify the page to navigate to from RSS Pro Details.











---

These pages use SC special tags [%= %] to populate the page with content of the respective tag from the RSS feed. 
For instance:

1[%=title%]
is populated with the content of “title” tag of the RSS feed:

1<title>SeattleClouds Blog</title>
Tags:

1[%=content%]
2[%=description%]
are populated with content of the respective tag of the RSS feed:
1<content>...</content>
For a link the following structure should be used:
 

1<a href="[%=link%]">text or special tag</a>

Currently you can use these tags:

[%=title%]
[%=content%]
[%=description%]
[%=link%]
[%=baseURL%]
[%=identifier%]
[%=date%]
[%=imageurl%]

You may use any of these tags now for both Android and iOS.



Nov 06, 2011 07:13 PM
What tags would you use if you want to change how the RSS feed list look? Cause from what it seems this allows you to edit how the contents & title appear for that specific feed but how do we change the list to be inside a container.

ie: 
1. How to take a screenshot...? 
2. How to sell my book on iPhone..?

I want the picture to be displayed on the right instead of the left
and the title to be inside a customer container. and have all consecutive feeds to be displayed as a custom list rather than just the list table that is provided.



Nov 09, 2011 08:06 AM
Marc,
by default the the list of rssfeed items is organized as raws <tr> of a table on the RSS Pro page. 
You can change places of thumb and title in the feed line by changing order of corresponding <td>.

Preserve in HTML the special tags [%=%] used to populate title, item and item image. Also you must preserve id of the div "rsstable". 

Styles are editable. Also you can assign new style classes.


Nov 26, 2011 02:48 PM
When I use these page types, the rss feed links dont work on the rss details page. They dont go anywhere or display the full story. Do you know if I am missing something with this page type? Thanks:)


Dec 01, 2011 05:17 AM
Cabel,
please submit a support ticket specifying app name and pages.


Feb 28, 2012 02:18 PM
When I add my feed using an rss pro page nothing happens. My feed does not show up on the app.
it works fine with the regular rss page


Mar 27, 2012 11:16 AM

Hi Dmitry,

I have difficulty understanding the whole RSS Pro & RSS Pro Details pages type event after reading this tutorial

I think you need to create one of each, the Rss Pro to include the URL link and link to your Pro detail page. But I don't grasp what is the function of the Pro detail page why do we need it ?

I hope more tutorial on this topic would be available ( A video would be great ) when you guys have a moment

Thanks Joan



Mar 28, 2012 04:03 AM
Joan,
In RSS Pro page you specify link for the rss feeds and customize how rss titles will be displayed. 
The feed itself will open in the RSS Pro Detail page. Editing this page you can customize appearance of the feed.


Mar 31, 2012 02:06 AM
Hi All..

Im having difficulty getting the feed to react/link to origin..
i used the following code as a test 
<div id="rsstable" style="padding:5pt">
    [%for-each items%]
        <img src="[%=itemimg%]" style="width:55pt;height:55pt;margin:auto;" />
    [%end for-each%]
</div>

just to show thumbnails from the rss feed.
what js code do i have to allow for the images to enlarge/popup?  or better yet..how would we display image output as coverflow or mosiac..( probably custom order but is it possible?)

also..Will the code i put inside the details page override whatever was layout specified in the pro page?

thx






Apr 05, 2012 11:29 PM
Sal,

Please open a ticket with detailed description of what you want to have in your page.

All the best,
Dmitry


Aug 01, 2012 09:59 AM
Hi, one question, my list only populates with 10 post from my rss feed, how can i make it so that it shows all the posts?

Cheers


Aug 01, 2012 10:08 AM
Hi, never mind i found the solution, THX
Can you share the solution?? This is my problem too!! :(
If you are using a Wordpress RSS as I am then the solution to display more than 10 posts is to login to your wordpress dashboard, then click on settings > reading > and change the "Syndication feeds show the most recent" option to what ever number you want. It will be at 10 initially as mine was. Changing this number to a higher one fixed the issue for me. Hope this helps anyone with this issue.


Aug 03, 2012 09:02 AM
how can i make the rss feed page have a link saying "click here for more info" that the link goes to the page of the blog. What i want it to do is be like [%=link%] but to say 'click here for more info'


Aug 03, 2012 09:14 AM
and how do i change the image that comes up on the left of the rss feed

it looks like this how can i change it

thanks


Aug 09, 2012 01:06 AM
Sandown,

  You can replace this image in Resources of your application by choose option Upload File in Resource Manager. Image is named 'rssfeed-item.png'. Also you can replace header image and customize html design of this page.

All the best,
Dmitry 


Oct 02, 2012 10:57 AM
After adding or converting a page(s) to RSS Pro, does the app need to be resubmitted to Apple for another 10 days for review? I Hope not, this is NOT good for my users. (ggrrrrrrrrrr it appears to be the case) God forbid you miss one link with Apple then there's another 10 days added. Siggghhhhhh

Please advise as I had to switch two apps from RSS to RSS pro. Everything works in simulator but not in the actual app, stays in "loading" mode.

Liza

    1 2   next