Latest News -Post count and Last poster in responsive Mobile

[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

[Kirk]

Set in the settings for this module with Display the number of replies and views on no.

[kooljp]

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

[kooljp]

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

[Kirk]

That would be a lot of effort.
One would have the HTML and CSS files rewrite.

[kooljp]

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

[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?

[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.

[kooljp]

Thanks Kirk!

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

Cheers
JP

[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

[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;
}
}

[kooljp]

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

[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

[Kirk]

I had tested it only with firebug.