What about creating a dynamic template variable something like this for handling some of the responsiveness of certain features that would no doubt require completely different code on mobile or tablets
<!-- ELSEIF RESPONSIVE_WIDTH:940 -->
<!-- INCLUDE large_header.html -->
<!-- ELSEIF RESPONSIVE_WIDTH:768 -->
<!-- INCLUDE base_header.html -->
<!-- ELSE -->
<!-- INCLUDE sm_header.html -->
<!-- ENDIF -->
leverage js through the php to get the width and do a compare prior to include.
This would reduce the amount of code needed to be rendered for mobile devices and tablets and still allow for traditional responsive design for the desktop and widescreens
[RFC] Responsive layout
Re: Responsive layout
What is the status of this RFC?
Will prosilver be responsive in 3.1?
From what I understand it's either a mobile theme or a responsive one but not both, right? Or this can be done but it's not advisable?
Will prosilver be responsive in 3.1?
From what I understand it's either a mobile theme or a responsive one but not both, right? Or this can be done but it's not advisable?
Re: Responsive layout
Its work in progress. Some other improvements needed to make responsive layout work have been merged.
Formerly known as CyberAlien.
Free phpBB styles | Premium responsive XenForo styles | Iconify - modern open source replacement for glyph fonts
Free phpBB styles | Premium responsive XenForo styles | Iconify - modern open source replacement for glyph fonts
Re: Responsive layout
Now that stuff required to make responsive design work has been merged, I've started working on responsive design for prosilver.
Pull request: https://github.com/phpbb/phpbb3/pull/1719
Its work in progress. So far only wrapper, menu, ucp/mcp navigation and forums/topic lists are done.
Some functions (links lists, breadcrumbs, tabs) use JavaScript to make layout cleaner. That JavaScript is not required, it is there only to enhance experience for js enabled browsers.
Please report any bugs you'll find.
Pull request: https://github.com/phpbb/phpbb3/pull/1719
Its work in progress. So far only wrapper, menu, ucp/mcp navigation and forums/topic lists are done.
Some functions (links lists, breadcrumbs, tabs) use JavaScript to make layout cleaner. That JavaScript is not required, it is there only to enhance experience for js enabled browsers.
Please report any bugs you'll find.
Formerly known as CyberAlien.
Free phpBB styles | Premium responsive XenForo styles | Iconify - modern open source replacement for glyph fonts
Free phpBB styles | Premium responsive XenForo styles | Iconify - modern open source replacement for glyph fonts
-
- Registered User
- Posts: 523
- Joined: Sat Apr 22, 2006 10:29 pm
- Contact:
Re: Responsive layout
@Arty - Very glad to hear it... Thanks
Re: Responsive layout
Indeed these are great news!
Arty, I undestand this is work in progress but if you go responsive with prosilver then you will most probably discontinue your mobile prosilver theme for 3.1?
Arty, I undestand this is work in progress but if you go responsive with prosilver then you will most probably discontinue your mobile prosilver theme for 3.1?
Re: Responsive layout
Thanks. Please report any bugs. If you notice something looks like it was made responsive yet it doesn't behave correctly, it is most likely a bug.
While mobile style and responsive design aren't mutually exclusive, working on both is just a waste of time. So yep, mobile style will not be updated.aleha wrote:Arty, I undestand this is work in progress but if you go responsive with prosilver then you will most probably discontinue your mobile prosilver theme for 3.1?
Formerly known as CyberAlien.
Free phpBB styles | Premium responsive XenForo styles | Iconify - modern open source replacement for glyph fonts
Free phpBB styles | Premium responsive XenForo styles | Iconify - modern open source replacement for glyph fonts
Re: Responsive layout
I've made these changes to test the style, Although I think that I have done something wrong because not shown fine in mobile style.
I leave a test user for which you want to see the results more thoroughly.
User: testuser
Password: 123456
Edit: http://dev.orbitstudios.net/index.php
I leave a test user for which you want to see the results more thoroughly.
User: testuser
Password: 123456
Edit: http://dev.orbitstudios.net/index.php
Last edited by nextgen on Mon Oct 07, 2013 7:00 pm, edited 1 time in total.
*Imagine a signature super spectacular.*
Re: Responsive layout
Looks like a bug. What's the URL of that test board?
Formerly known as CyberAlien.
Free phpBB styles | Premium responsive XenForo styles | Iconify - modern open source replacement for glyph fonts
Free phpBB styles | Premium responsive XenForo styles | Iconify - modern open source replacement for glyph fonts