Latest News -Post count and Last poster in responsive Mobile

Current Version: 2.0.2
Released: 2013-10-27
Forum rules
Before creating a new support thread, please take a look at the board3 Portal FAQ and use the search!
Many questions have already been answered.

Topic author
kooljp
Active Member
Active Member
Posts: 34
Joined: 4. June 2011 04:08

Latest News -Post count and Last poster in responsive Mobile

Post by kooljp » 14. July 2015 09:48

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

User avatar

Kirk
Portal Professional
Portal Professional
Posts: 1628
Joined: 27. July 2010 18:02
phpBB.de User: Kirk

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

Post by Kirk » 14. July 2015 17:17

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


Topic author
kooljp
Active Member
Active Member
Posts: 34
Joined: 4. June 2011 04:08

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

Post by kooljp » 15. July 2015 15:23

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


Topic author
kooljp
Active Member
Active Member
Posts: 34
Joined: 4. June 2011 04:08

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

Post by kooljp » 20. July 2015 14:38

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

User avatar

Kirk
Portal Professional
Portal Professional
Posts: 1628
Joined: 27. July 2010 18:02
phpBB.de User: Kirk

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

Post by Kirk » 20. July 2015 18:28

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


Topic author
kooljp
Active Member
Active Member
Posts: 34
Joined: 4. June 2011 04:08

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

Post by kooljp » 21. July 2015 01:49

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


Topic author
kooljp
Active Member
Active Member
Posts: 34
Joined: 4. June 2011 04:08

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

Post by kooljp » 21. July 2015 11:24

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?

User avatar

Kirk
Portal Professional
Portal Professional
Posts: 1628
Joined: 27. July 2010 18:02
phpBB.de User: Kirk

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

Post by Kirk » 21. July 2015 20:22

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.


Topic author
kooljp
Active Member
Active Member
Posts: 34
Joined: 4. June 2011 04:08

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

Post by kooljp » 22. July 2015 07:29

Thanks Kirk!

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

Cheers
JP


Topic author
kooljp
Active Member
Active Member
Posts: 34
Joined: 4. June 2011 04:08

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

Post by kooljp » 22. July 2015 09:39

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

User avatar

Kirk
Portal Professional
Portal Professional
Posts: 1628
Joined: 27. July 2010 18:02
phpBB.de User: Kirk

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

Post by Kirk » 22. July 2015 15:32

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


Topic author
kooljp
Active Member
Active Member
Posts: 34
Joined: 4. June 2011 04:08

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

Post by kooljp » 22. July 2015 15:59

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


Topic author
kooljp
Active Member
Active Member
Posts: 34
Joined: 4. June 2011 04:08

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

Post by kooljp » 22. July 2015 17:01

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

User avatar

Kirk
Portal Professional
Portal Professional
Posts: 1628
Joined: 27. July 2010 18:02
phpBB.de User: Kirk

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

Post by Kirk » 22. July 2015 21:09

I had tested it only with firebug.

Return to “Board3 Portal 2.0.x - English Support”