Page 1 of 1

Latest News -Post count and Last poster in responsive Mobile

Posted: 14. July 2015 09:48
by kooljp
Your Portal Version: 1.0.0RC3
Your phpBB Type: Standard phpBB3
MODs installed: No
Your knowledge: Basic Knowledge
Boardlink: http://www.fishing-victoria.com/

PHP Version: 5.5

What have you done before the problem was there?


What have you already tryed to solve the problem?


Description and Message
Hi guys,

With the "Latest News" portal module, in Responsive Mobile view, you cannot see the Replies post count of the thread and the last post.

Is it possible to view the replies post count of the thread and the last poster? Otherwise you can't see if there's been any posts since you last looked without clicking into the thread.

Thanks

Re: Latest News -Post count and Last poster in responsive Mo

Posted: 14. July 2015 17:17
by Kirk
Set in the settings for this module with Display the number of replies and views on no.

Re: Latest News -Post count and Last poster in responsive Mo

Posted: 15. July 2015 15:23
by kooljp
Kirk wrote:Set in the settings for this module with Display the number of replies and views on no.
Thanks Kirk, doing this removed the number of replies and views when viewed from a wider screen.

Is there a way to set it to "no" just for smaller screens which require the responsive layout?

Cheers
JP

Re: Latest News -Post count and Last poster in responsive Mo

Posted: 20. July 2015 14:38
by kooljp
Kirk wrote:Set in the settings for this module with Display the number of replies and views on no.
Hi Kirk,

I want it to display the number of replies and views on both wider screens and smaller "responsive" screens.

And add "LAST POST" for smaller screens.

I think it's in the CSS file but I'm not sure what to change...

Your above suggestions removes the number of replies and views from the wider screen view.

Any ideas

Thanks
JP

Re: Latest News -Post count and Last poster in responsive Mo

Posted: 20. July 2015 18:28
by Kirk
That would be a lot of effort.
One would have the HTML and CSS files rewrite.

Re: Latest News -Post count and Last poster in responsive Mo

Posted: 21. July 2015 01:49
by kooljp
Kirk wrote:That would be a lot of effort.
One would have the HTML and CSS files rewrite.
How about just adding the "last post" information to be viewed in responsive mode?

Cheers
JP

Re: Latest News -Post count and Last poster in responsive Mo

Posted: 21. July 2015 11:24
by kooljp
On a side note, it works perfectly with this "Recent Topics" Extension on the index page:

https://www.phpbb.com/customise/db/exte ... _topics_2/

Is there a way to replicate the "Recent Topics" behavior?

Re: Latest News -Post count and Last poster in responsive Mo

Posted: 21. July 2015 20:22
by Kirk
Try it with this: (This works only for the Compact news block style)
Open: root/ext/board3/portal/styles/prosilver/template/portal/modules/news_compact_center.html
Find:

Code: Select all

	<!-- IF news.S_DISPLAY_NEWS_RVS -->
		<dd class="posts responsive-portal-news">{L_REPLIES}</dd>
		<dd class="views responsive-portal-news">{L_VIEWS}</dd>
	<!-- ENDIF -->
Replace with:

Code: Select all

	<div class="replies-views">
		<dd class="posts responsive-portal-news">{L_REPLIES}</dd>
		<dd class="views responsive-portal-news">{L_VIEWS}</dd>
	</div>
Find:

Code: Select all

<!-- IF not news.S_DISPLAY_NEWS_RVS --><!-- IF news.news_row.FORUM_NAME -->&bull; <!-- ENDIF -->{L_REPLIES}{L_COLON} <strong>{news.news_row.REPLIES}</strong>  &bull; {L_VIEWS}{L_COLON} <strong>{news.news_row.TOPIC_VIEWS}</strong><!-- ENDIF -->
Replace with:

Code: Select all

<div class="responive-show responsive-replies-views" style="display: none;"><!-- IF news.news_row.FORUM_NAME -->&bull; <!-- ENDIF -->{L_REPLIES}{L_COLON} <strong>{news.news_row.REPLIES}</strong>  &bull; {L_VIEWS}{L_COLON} <strong>{news.news_row.TOPIC_VIEWS}</strong></div>
Open: root/ext/board3/portal/styles/prosilver/theme/portal_responsive.css
Find:

Code: Select all

@media only screen and (max-width: 1040px), only screen and (max-device-width: 1040px)
{
Add after:

Code: Select all

	.responsive-replies-views {
	    display: block !important;
}

	.replies-views {
	    display: none !important;
}
The function "display the number of replies and views" will have no effect.

additional changes:
In the end "ACP -> General" --> purge cache
It's recommended to purge your browser cache too.

Re: Latest News -Post count and Last poster in responsive Mo

Posted: 22. July 2015 07:29
by kooljp
Thanks Kirk!

works perfectly on my forum now: www.fishing-victoria.com

Cheers
JP

Re: Latest News -Post count and Last poster in responsive Mo

Posted: 22. July 2015 09:39
by kooljp
One last thing.

Is it possible to get the pagination in responsive view to show the last page?

Currently it shows 1,2,3,4,5 even if there are more pages.

Is it possible to display pagination like this 1,2,3,4,5...12 (with an ellipsis before the last page)?

Many thanks
JP

Re: Latest News -Post count and Last poster in responsive Mo

Posted: 22. July 2015 15:32
by Kirk
Open: root/ext/board3/portal/styles/prosilver/theme/portal_responsive.css
Insert at the end:

Code: Select all

@media only screen and (max-width: 350px), only screen and (max-device-width: 350px) {
.row .pagination .ellipsis + li {
    display: block;
}
}

Re: Latest News -Post count and Last poster in responsive Mo

Posted: 22. July 2015 15:59
by kooljp
Kirk wrote:Open: root/ext/board3/portal/styles/prosilver/theme/portal_responsive.css
Insert at the end:

Code: Select all

@media only screen and (max-width: 350px), only screen and (max-device-width: 350px) {
.row .pagination .ellipsis + li {
    display: block;
}
}
Thanks Kirk, but this didn't seem to work.
You can see the portal here on www.fishing-victoria.com

If you also go to non-portal http://www.fishing-victoria.com/index.php you can see it works with the "recent topics" Extension.

Cheers
JP

Re: Latest News -Post count and Last poster in responsive Mo

Posted: 22. July 2015 17:01
by kooljp
After a bit of experimenting I changed the code to:

Insert at the end:

Code: Select all

.row .pagination .ellipsis + li {
    display: inline-block !important;
}
It seems to work for now...

So how would you change the display pagination like this: 1...9,10,11,12(last page number)

instead of 1,2,3,4,5...12?

Thanks again
JP

Re: Latest News -Post count and Last poster in responsive Mo

Posted: 22. July 2015 21:09
by Kirk
I had tested it only with firebug.