TinyPortal

Development => Support => Topic started by: Gaza07 on April 26, 2019, 10:22:32 PM

Title: Mobiles
Post by: Gaza07 on April 26, 2019, 10:22:32 PM
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.
Title: Re: Mobiles
Post by: @rjen on April 26, 2019, 10:40:11 PM
Hi, welcome to TinyPortal.

To answer your question: that feature is not available at the moment...
Title: Re: Mobiles
Post by: Gaza07 on April 27, 2019, 05:30:55 AM
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.
Title: Re: Mobiles
Post by: 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.
Title: Re: Mobiles
Post by: @rjen on April 27, 2019, 09:17:10 AM
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?
Title: Re: Mobiles
Post by: Gaza07 on April 27, 2019, 10:01:56 AM
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  :)
Title: Re: Mobiles
Post by: @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?

Title: Re: Mobiles
Post by: lurkalot on April 27, 2019, 10:14:23 AM
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.
Title: Re: Mobiles
Post by: 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.
Title: Re: Mobiles
Post by: Gaza07 on April 27, 2019, 10:25:06 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?

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
Title: Re: Mobiles
Post by: Gaza07 on April 27, 2019, 10:27:43 AM
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.
Title: Re: Mobiles
Post by: lurkalot on April 27, 2019, 10:32:03 AM
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.  ;)
Title: Re: Mobiles
Post by: @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...
Title: Re: Mobiles
Post by: Gaza07 on April 27, 2019, 12:28:40 PM
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.
Title: Re: Mobiles
Post by: @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?

Title: Re: Mobiles
Post by: Gaza07 on April 27, 2019, 01:15:57 PM
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
Title: Re: Mobiles
Post by: tino on April 27, 2019, 05:13:09 PM
You can do all you've asked to do with css and hiding blocks and enabling blocks based on media queries.
Title: Re: Mobiles
Post by: @rjen on April 27, 2019, 07:20:57 PM
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)
Title: Re: Mobiles
Post by: tino on April 27, 2019, 10:53:49 PM
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.
Title: Re: Mobiles
Post by: Gaza07 on April 28, 2019, 06:16:36 AM
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
Title: Re: Mobiles
Post by: lurkalot on April 28, 2019, 10:12:19 AM
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.