SimplePortal

Support => English Support => Topic started by: Petter on November 07, 2012, 02:45:43 AM

Title: Responsive design
Post by: Petter on November 07, 2012, 02:45:43 AM

I think website design is moving towards responsive design, instead of separate mobile skins.

Is it possible to make the left/right side blocks disappear at small window sizes?


At http://www.blocweb.net/ the Online-block at the right side is moving to the bottom of the page, which is a nice solution, but it would also be OK if it just disappeared.

Title: Re: Responsive design
Post by: Petter on November 23, 2012, 02:21:14 AM

Maybe I need to express myself clearer: Is there a way to make the side columns collapse automatically at small window sizes? Or when using mobile phones.

Title: Re: Responsive design
Post by: phantomm on November 23, 2012, 03:40:35 AM

well.. there could be way to use JavaScript to detect screen resolution and if detected dimensions are lower than **px x **px run:

Code: [Select]

$modSettings['showleft'] = '0';
$modSettings['showright'] = '0';

I remember that I tried to make something with JS screen resolution detection, but it never worked as it should... Maybe someone else can help more

I'm sure that there is better way to deal with this than disabling blocks :E

Title: Re: Responsive design
Post by: Petter on November 26, 2012, 05:17:48 AM

Thank you, it seems like a good way to fix it. I hope someone can help me with the javascript-thing, I´m not a programmer...

Maybe this could be a built in feature in a future release of SP?

Title: Re: Responsive design
Post by: AngelinaBelle on February 05, 2013, 03:57:12 PM

That is a good feature request.  For now, I think it would be good to do this as a mod.

Title: Re: Responsive design
Post by: Petter on February 06, 2013, 01:17:43 AM

Quote from: AngelinaBelle on February 05, 2013, 03:57:12 PM

That is a good feature request.

I´m glad to hear that.  :nervous-happy:

Quote from: phantomm on November 23, 2012, 03:40:35 AM

well.. there could be way to use JavaScript to detect screen resolution and if detected dimensions are lower than **px x **px run:

Code: [Select]

$modSettings['showleft'] = '0';
$modSettings['showright'] = '0';

I remember that I tried to make something with JS screen resolution detection, but it never worked as it should... Maybe someone else can help more

I'm sure that there is better way to deal with this than disabling blocks :E

Anyone else who knows how to do this?

Title: Re: Responsive design
Post by: AngelinaBelle on March 11, 2013, 03:39:04 PM

You might ask about this in the customization board.

Title: Re: Responsive design
Post by: Petter on November 25, 2013, 05:02:10 AM

Quote from: AngelinaBelle on March 11, 2013, 03:39:04 PM

You might ask about this in the customization board.

OK. http://simpleportal.net/index.php?topic=13016.msg64540#msg64540

Title: Re: Responsive design
Post by: [SiNaN] on January 02, 2014, 05:44:02 PM

I'll mark this one here solved then.