RSS Feeds for articles

[lurkalot]

I have done as you requested, though it was originally a feature request.

[tino]

You can leave your opening post in the feature request section. The rest is an alternative to that.

[lurkalot]

Getting back to this. 

Yep that sort of works, but you only have to zoom slightly and the right column drops below and to the right of the left column, and it bursts out of the bottom of the article frame.  Social icons disappear up the sides of the page.

[tino]

I don't get why you would zoom on a page? I've never understood why you would do that, it's not simulating a mobile device as you're not refreshing the page.

[lurkalot]

I don't get why you would zoom on a page? I've never understood why you would do that, it's not simulating a mobile device as you're not refreshing the page.

Does the same in window resizer in Chrome, and in Responsive design mode in firefox. Thing is, if every browser has that feature, you can bet your life someone's going to use it.

Why has every browser got a zoom tool anyway?

[tino]

Why has every browser got a zoom tool anyway?

Without JavaScript, almost every site will break if you zoom. It was a question on its usefulness, I assumed you were simulating a mobile view ( what many people seem to use it for )

For it to work on mobile it needs @media queries so that the divs float one above the other.

[lurkalot]

Why has every browser got a zoom tool anyway?

Without JavaScript, almost every site will break if you zoom. It was a question on its usefulness, I assumed you were simulating a mobile view ( what many people seem to use it for )

For it to work on mobile it needs @media queries so that the divs float one above the other.

OK, then, so it won't work for responsive layouts, which is a tad disappointing. In that case it'll be fine for none responsive setups I guess.  Though it would be a handy thing to have for responsive layout, especially as that's where everything is heading.

I use the zoom sometimes when I haven't my glasses handy, or lose them. 

[tino]

This should sort the overflow issue. I'm yet to position one above the other when its in mobile view.

Code: [Select]

global $context;

echo '<style type="text/css">

.rss-feed-right
{
    color : blue;
    float: right;
    width: 50%;
    height: 100%;
}

.rss-feed-left
{
    color : blue;
    float: left;
    width: 50%;
    height: 100%;
}

@media only screen and (max-width: 640px) {

.rss-feed-left
{
   display: table-row-group;
}

.rss-feed-right
{
   display: table-footer-group;
}

}

</style>';

$context['TPortal']['rss_notitles'] = true;

$context['TPortal']['rssmaxshown'] = 10;

echo '<div style="padding: 10px; display:table;">';
echo '<div class="rss-feed-left">';
echo 'ikmultimedia.com'.PHP_EOL;

TPparseRSS('http://www.ikmultimedia.com/rss.php');
echo '</div>';

echo '<div class="rss-feed-right">';
echo 'blog.andertons.co.uk'.PHP_EOL;
TPparseRSS('https://blog.andertons.co.uk/feed/');
echo '</div>';
echo '</div>';



[tino]

Just needed to remove the floats;

Code: [Select]


global $context;

echo '<style type="text/css">

.rss-feed-right
{
    color : blue;
    float: right;
    width: 50%;
    height: 100%;
}

.rss-feed-left
{
    color : blue;
    float: left;
    width: 50%;
    height: 100%;
}

@media only screen and (max-width: 640px) {

.rss-feed-left
{
   float: none;
   display: table-row-group;
}

.rss-feed-right
{
   float: none;
   display: table-footer-group;
}

}

</style>';

$context['TPortal']['rss_notitles'] = true;

$context['TPortal']['rssmaxshown'] = 10;

echo '<div style="padding: 10px; display:table;">';
echo '<div class="rss-feed-left">';
echo 'ikmultimedia.com'.PHP_EOL;

TPparseRSS('http://www.ikmultimedia.com/rss.php');
echo '</div>';

echo '<div class="rss-feed-right">';
echo 'blog.andertons.co.uk'.PHP_EOL;
TPparseRSS('https://blog.andertons.co.uk/feed/');
echo '</div>';
echo '</div>';



[lurkalot]

Just needed to remove the floats;

Code: [Select]


global $context;

echo '<style type="text/css">

.rss-feed-right
{
    color : blue;
    float: right;
    width: 50%;
    height: 100%;
}

.rss-feed-left
{
    color : blue;
    float: left;
    width: 50%;
    height: 100%;
}

@media only screen and (max-width: 640px) {

.rss-feed-left
{
   float: none;
   display: table-row-group;
}

.rss-feed-right
{
   float: none;
   display: table-footer-group;
}

}

</style>';

$context['TPortal']['rss_notitles'] = true;

$context['TPortal']['rssmaxshown'] = 10;

echo '<div style="padding: 10px; display:table;">';
echo '<div class="rss-feed-left">';
echo 'ikmultimedia.com'.PHP_EOL;

TPparseRSS('http://www.ikmultimedia.com/rss.php');
echo '</div>';

echo '<div class="rss-feed-right">';
echo 'blog.andertons.co.uk'.PHP_EOL;
TPparseRSS('https://blog.andertons.co.uk/feed/');
echo '</div>';
echo '</div>';



That works pretty nicely in this mode rss_notitles'] = true;  Actually seems to respond and stack neatly.  Turning on the images with rss_notitles'] = false; causes some issues though, but I'm happy with the list view.

One question, this line for the vendor,

Code: [Select]

echo 'ikmultimedia.com'.PHP_EOL;Appears to be clickable.

this line for the second vendor

Code: [Select]

echo 'blog.andertons.co.uk'.PHP_EOL;Doesn't appear to be clickable.

Great progress on this though, thank you.