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

Recent

Welcome to TinyPortal. Please login or sign up.

March 29, 2024, 06:09:27 AM

Login with username, password and session length
Members
Stats
  • Total Posts: 195,106
  • Total Topics: 21,213
  • Online today: 358
  • Online ever: 3,540 (September 03, 2022, 01:38:54 AM)
Users Online

Mobiles

Started by Gaza07, April 26, 2019, 10:22:32 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Gaza07

Ive just started to use TP and was a SP / Ez user I really like Tp but on the Ezportal I could turn certain blocs for mobiles and cant see an option to do this in TP,
Is there a way to disable some blocs for mobile users in Tp.

@rjen

Hi, welcome to TinyPortal.

To answer your question: that feature is not available at the moment...
Running Latest TP on SMF2.1 at: www.fjr-club.nl

Gaza07

Thanks for the reply is this something that is planned to be added to a future release ?
at the moment when viewing the forum from a mobile all the blocks are lined up down the screen because of the theme being responsive and on a mobile.

tino

We had a responsive theme rather than enabling or disabling blocks. Why would you want your users to get a different view whilst on a mobile?

Curious that's all, it can be added although I personally can't see the need. I'd say being able to order where the blocks fit on a mobile screen would be better.

@rjen

I toyed with this idea before: If we make it possible to specify a minimum and maximum screen width setting per block  it would be possible to have blocks that only show on mobile screens and blocks that only show on desktop themes...

It will actually allow for both uses: for example you can have a side block for the shoutbox on desktop and an upper block for the shoutbox on mobiles...

I like this idea... unless OP has another use in mind?
Running Latest TP on SMF2.1 at: www.fjr-club.nl

Gaza07

Quote from: tino on April 27, 2019, 07:33:08 AM
We had a responsive theme rather than enabling or disabling blocks. Why would you want your users to get a different view whilst on a mobile?

Curious that's all, it can be added although I personally can't see the need. I'd say being able to order where the blocks fit on a mobile screen would be better.

The portal looks great on a desktop and all blocs are where they should be but on a mobile everything is to small and if a resposive theme is used the blocs are all in the narrow line in the mobile screen and just dont really look like a portal front page anymore, all the mobile user needs is the basic forum info and not squeezed down and not a spoilt front page maybe its a personal choice thing  :)

@rjen

What do you mean with 'spoiled front page'?
I think you may have chosen a less suitable Frontpage layout for your site...

Can you post a link to the site in question?

Running Latest TP on SMF2.1 at: www.fjr-club.nl

lurkalot

Hi and welcome to TP.

Yes it's a personal preference thing. Some want everything to stack, some don't want certain stuff to show.

Personally I'd like the option to hide certain panels off when on mobile, that would take care of any blocks in that panel. But it needs to be configurable / Switchable, otherwise we'll be inflicting it on others who don't want it.

lurkalot

Quote from: @rjen on April 27, 2019, 10:12:10 AM
What do you mean with 'spoiled front page'?
I think you may have chosen a less suitable Frontpage layout for your site...

Can you post a link to the site in question?

If I'm right its this one, https://www.multi-rotor.co.uk/index.php

Showing forum on frontpage instead of a Home - forum setup.

Gaza07

Quote from: @rjen on April 27, 2019, 10:12:10 AM
What do you mean with 'spoiled front page'?
I think you may have chosen a less suitable Frontpage layout for your site...

Can you post a link to the site in question?

Sorry spoiled is probably the wrong word to use
With the other portal programs ive used they have the ability to hide blocs on mobiles or desktops so you can make different setups for each, a squeezed down portal page tends to be to small or in a straight line and a mess, with the other programs I used to have the shout box and recent posts as the portal page and it worked well, I found user info forum stats and other blocs used on a desktop view werent needed on a mobile and just cluttered the already tiny screen up, just my opinion and how I like my forums to look  O0

Gaza07

Quote from: lurkalot on April 27, 2019, 10:20:16 AM
Quote from: @rjen on April 27, 2019, 10:12:10 AM
What do you mean with 'spoiled front page'?
I think you may have chosen a less suitable Frontpage layout for your site...

Can you post a link to the site in question?

If I'm right its this one, https://www.multi-rotor.co.uk/index.php

Showing forum on frontpage instead of a Home - forum setup.

Yes thats one of my sites its not showing the forum on the front page its shows a recent posts bloc in the centre and other blocs around it.

lurkalot

Quote from: Gaza07 on April 27, 2019, 10:27:43 AM

Yes thats one of my sites its not showing the forum on the front page its shows a recent posts bloc in the centre and other blocs around it.

Oops, sorry yes I should have noticed that.  Not used to seeing it set that way, so that threw me a bit.  ;)

@rjen

Looking at the site, what is it you would find 'ideal' on a mobile screen?

Suppress the side panels completely?
Or just leave some blocks in place?

The side panels will always be forced down: that is the whole point of the responsive layout at the moment...

You could apply one or two css tweaks that will allow to suppress some blocks on narrow screens...
Running Latest TP on SMF2.1 at: www.fjr-club.nl

Gaza07

Quote from: @rjen on April 27, 2019, 11:26:29 AM
Looking at the site, what is it you would find 'ideal' on a mobile screen?

Suppress the side panels completely?
Or just leave some blocks in place?

The side panels will always be forced down: that is the whole point of the responsive layout at the moment...

You could apply one or two css tweaks that will allow to suppress some blocks on narrow screens...

I would prefer to turn all the side blocks off and add a centre shout box that only showed on mobiles.

@rjen

Quote from: Gaza07 on April 27, 2019, 12:28:40 PM
I would prefer to turn all the side blocks off and add a centre shout box that only showed on mobiles.

Also the side blocks in the forum section?

Running Latest TP on SMF2.1 at: www.fjr-club.nl

Gaza07

Quote from: @rjen on April 27, 2019, 12:41:36 PM
Quote from: Gaza07 on April 27, 2019, 12:28:40 PM
I would prefer to turn all the side blocks off and add a centre shout box that only showed on mobiles.

Also the side blocks in the forum section?

Yea  find any extra width other than the centre block makes things to small to use  O0

tino

You can do all you've asked to do with css and hiding blocks and enabling blocks based on media queries.

@rjen

To do what you described...

step 1: add a shoutbox block to the top panel to show on the frontpage only.

step 2: add below codes to the END of the tp-style.css file


@media all and (max-width: 900px) {
#tpleftbarContainer, #tprightbarContainer {
display: none!important;
}
}
@media all and (min-width: 901px) {
#tptopbarHeader > #block_tpmodulebox {
display: none;
}
}


This will suppress the sidebars under 900 px wide and the top block with the shoutbox will only show up on screen sizes wider than 900 px...

NOTE: the shoutbox itself does not allow the post button to be used when two shoutbox blocks are used on one page. This means you cannot post in the top shoutbox if you leave it in a side block too... (even when suppressed by css)
Running Latest TP on SMF2.1 at: www.fjr-club.nl

tino

You could add that to a php block which is on the page somewhere instead of editing tp-style.css if you add it to the global context template which smf has.

Gaza07

Thank you @rjen ive added the code you supplied to the end of the tp-style.css and it has worked perfectly, I didnt add another shout box as I didnt really see the point if it doesnt work  O0

lurkalot

Thanks @rjen and tino for coming up with those workarounds for this issue.  ;)

Gaza07 glad it worked out for you. Hope you continue to enjoy TinyPortal.

I'll mark this one solved.