TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

July 21, 2024, 03:04:29 PM

Login with username, password and session length
Members
Stats
  • Total Posts: 195,333
  • Total Topics: 21,233
  • Online today: 103
  • Online ever: 3,540 (September 03, 2022, 01:38:54 AM)
Users Online
  • Users: 1
  • Guests: 50
  • Total: 51
  • @rjen

RSS Feeds for articles

Started by lurkalot, March 04, 2018, 04:30:04 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

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

Quote from: tino on March 04, 2018, 10:24:46 PM
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

Quote from: lurkalot on March 04, 2018, 10:46:48 PM

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

Quote from: tino on March 04, 2018, 10:52:34 PM
Quote from: lurkalot on March 04, 2018, 10:46:48 PM

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.


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;



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

Quote from: tino on March 05, 2018, 07:22:01 PM
Just needed to remove the floats;



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,
echo 'ikmultimedia.com'.PHP_EOL;
Appears to be clickable.

this line for the second vendor
echo 'blog.andertons.co.uk'.PHP_EOL;
Doesn't appear to be clickable.

Great progress on this though, thank you.