0 items ($0.00) Plans & Prices My Applications Profile Login
HOME |  ONLINE NOW |  COMMUNITY |  OUR PORTFOLIO |  LOGIN 

SeattleClouds FORUM > 2. Help & Tutorials
RSS Pro and RSS Pro Details pages    

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>


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.



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.


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:)


Cabel,
please submit a support ticket specifying app name and pages.


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


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



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.


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






Sal,

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

All the best,
Dmitry

You must login to post messages. Click here to log in.
    1   
 This topic is closed by Dmitry

© Mobiblocks 2011-2012. All Rights Reserved.