News: April 7th, 2019, The Tinyportal team is pleased to announce the release of ~~ TinyPortal 1.6.3! GET IT NOW!!!

Login  |  Register
HTML5 Icon HTML5 Icon
TP on Social Media
Welcome, Guest. Please login or register.
Did you miss your activation email?

July 21, 2019, 03:00:03 PM

Login with username, password and session length

Recent

Members
Stats
  • Total Posts: 188522
  • Total Topics: 20737
  • Online Today: 43
  • Online Ever: 629
  • (November 08, 2018, 01:36:54 PM)
Users Online
Users: 1
Guests: 37
Total: 38

Author Topic: RSS Feeds for articles  (Read 3406 times)

0 Members and 1 Guest are viewing this topic.

Online lurkalot

  • Administrator
  • *
  • Posts: 6075
    • Camera Craniums
Re: RSS Feeds for articles
« Reply #10 on: March 04, 2018, 02:56:23 PM »
I have done as you requested, though it was originally a feature request.

Offline tino

  • Developer
  • *
  • Posts: 1574
Re: RSS Feeds for articles
« Reply #11 on: March 04, 2018, 03:18:35 PM »
You can leave your opening post in the feature request section. The rest is an alternative to that.

Online lurkalot

  • Administrator
  • *
  • Posts: 6075
    • Camera Craniums
Re: RSS Feeds for articles
« Reply #12 on: March 04, 2018, 03:21:45 PM »
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.

Offline tino

  • Developer
  • *
  • Posts: 1574
Re: RSS Feeds for articles
« Reply #13 on: March 04, 2018, 03: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.

Online lurkalot

  • Administrator
  • *
  • Posts: 6075
    • Camera Craniums
Re: RSS Feeds for articles
« Reply #14 on: March 04, 2018, 03:46:48 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?

Offline tino

  • Developer
  • *
  • Posts: 1574
Re: RSS Feeds for articles
« Reply #15 on: March 04, 2018, 03:52:34 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.


Online lurkalot

  • Administrator
  • *
  • Posts: 6075
    • Camera Craniums
Re: RSS Feeds for articles
« Reply #16 on: March 04, 2018, 04:09:47 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.  ;)


Offline tino

  • Developer
  • *
  • Posts: 1574
Re: RSS Feeds for articles
« Reply #17 on: March 05, 2018, 12:19:48 PM »
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>';


Offline tino

  • Developer
  • *
  • Posts: 1574
Re: RSS Feeds for articles
« Reply #18 on: March 05, 2018, 12:22:01 PM »
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>';


Online lurkalot

  • Administrator
  • *
  • Posts: 6075
    • Camera Craniums
Re: RSS Feeds for articles
« Reply #19 on: March 05, 2018, 12:40:03 PM »
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.