XMB Version: 1.9.11

Hi,

I have an averaging grasp on CSS and would like to learn how to make a theme in XMB responsive? It'd really help browsing experiences on mobile devices, and would really bring XMB up to date.

Thanks for any support. x')

Quote: Originally posted by Scarlet

XMB Version: 1.9.11 Hi, I have an averaging grasp on CSS and would like to learn how to make a theme in XMB responsive? It'd really help browsing experiences on mobile devices, and would really bring XMB up to date. Thanks for any support. x')

You have probably see this already:
https://www.w3schools.com/html/html_responsive.asp

I'd say that a responsive theme would be one of the most important items xmb needs.

Just use a bootstrap, rather doing it in plain html,css & js by yourself. All documentation is on their website, plus there's countless videos on how to use it on a YouTube. It's fairly easy.

Quick bootstrap code enabled test xmb forum website;
https://search.google.com/test/mobile-friendly?id=sOg1ZMIZxS...

and google says it's mobile friendly.

css is a bit screwed though.

Quote: Originally posted by Jenny Lee

Just use a bootstrap, rather doing it in plain html,css & js by yourself. All documentation is on their website, plus there's countless videos on how to use it on a YouTube. It's fairly easy.

Jenny, have you implemented this on your forum?

Quote: Originally posted by lottos

Jenny, have you implemented this on your forum?

No, not yet.I still run IPS Community Suite as my forum engine due to easier localisation, because you can modify language strings in accordance of pluralisation rules. With English it's fairly simple like this:
1 registered user, everything else would end as x registered users. That's not always the case when it comes to foreign languages.
In regards of bootstrap, including file won't do the magic. All of xmb templates would have to be rewritten to match bootstraps grid system and css classes, otherwise it won't be responsive. As I can see this forum has bootstrap included or at least it's css file, but none of templates modified in accordance, so it won't function.

Quote: Originally posted by Jenny Lee

Quote: Originally posted by lottos   Jenny, have you implemented this on your forum? In regards of bootstrap, including file won't do the magic. All of xmb templates would have to be rewritten to match bootstraps grid system and css classes, otherwise it won't be responsive. As I can see this forum has bootstrap included or at least it's css file, but none of templates modified in accordance, so it won't function.

Yes, I included it to see what it looked like. Daniel backed it back out earlier today. Wonder what ever happened to his new version mentioned here: http://forums.xmbforum2.com/viewthread.php?tid=777005

Users of xmb are looking for responsive layouts, here is a recent topic:
http://locostbuilders.co.uk/viewthread.php?tid=210306

Quote: Originally posted by lottos

Quote: Originally posted by Jenny Lee   Quote: Originally posted by lottos   Jenny, have you implemented this on your forum? In regards of bootstrap, including file won't do the magic. All of xmb templates would have to be rewritten to match bootstraps grid system and css classes, otherwise it won't be responsive. As I can see this forum has bootstrap included or at least it's css file, but none of templates modified in accordance, so it won't function. Yes, I included it to see what it looked like. Daniel backed it back out earlier today. Wonder what ever happened to his new version mentioned here: http://forums.xmbforum2.com/viewthread.php?tid=777005 Users of xmb are looking for responsive layouts, here is a recent topic: http://locostbuilders.co.uk/viewthread.php?tid=210306

Hello, Lottos.

Unfortunately my life has taken a very big turn. Much has happened unfortunately on the negative side.

In this change of life I lost a lot and some people.

About the topic.
Such responsive layouts dont work by adding just a CSS file.
You need to change all templates to "<div>" the old "<table><tr><td>" system needs to be changed.

Quote: Originally posted by Daniel Gouveia

Hello, Lottos. Unfortunately my life has taken a very big turn. Much has happened unfortunately on the negative side. In this change of life I lost a lot and some people. About the topic. Such responsive layouts dont work by adding just a CSS file. You need to change all templates to "<div>" the old "<table><tr><td>" system needs to be changed.

I'm sorry to hear this and hope your life is improving now.

css grid layout may be a better option, now that's it finally supported by latest MS Edge as it's not bootstrap dependant.

https://caniuse.com/#feat=css-grid