Simple Machines Community Forum

Customizing SMF => Modifications and Packages => Topic started by: SMF Customization Team on April 20, 2015, 06:33:49 AM

Title: Responsive Curve
Post by: SMF Customization Team on April 20, 2015, 06:33:49 AM
Link to Mod (https://custom.simplemachines.org/mods/index.php?mod=4040)

Responsive Curve for SMF 2.0.x
License
Code: [Select]
Copyright (c) 2015, Simple Machines
All rights reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:
    * Redistributions of source code must retain the above copyright
      notice, this list of conditions and the following disclaimer.
    * Redistributions in binary form must reproduce the above copyright
      notice, this list of conditions and the following disclaimer in the
      documentation and/or other materials provided with the distribution.
    * Neither the name of the <organization> nor the
      names of its contributors may be used to endorse or promote products
      derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> BE LIABLE FOR ANY
DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.


Included images
Fugue Icons | © 2012 Yusuke Kamiyamane | These icons are licensed under a Creative Commons Attribution 3.0 License


Compatibility
SMF 2.0.x


Description
This MODification adds a basic responsive layout to SMF 2.0.x


Installation Information
The Package Manager should work in most cases, if you have problems installing please use the discussion topic as well as the Manual Installation of Mods (http://wiki.simplemachines.org/smf/Manual_installation_of_mods) wiki page.

This mod is made to work with default curve, but it will also work in certain curve-based themes. When using it in other themes, you should test it first. Support for other themes should be requested in the theme's respective support topic.


You can read tips written for this mod here. (http://www.simplemachines.org/community/index.php?topic=538009.0)

Change Log

Version 1.0.0 - March 21 2016
! Padding of select and input boxes enlarged to avoid bad UX.
! Admin menu changes to improve its responsiveness.
! fix for main_menu weird background creation on tap/hover.

Version 1.0 Beta 5 - June 11 2015
! Resolution range decreased to 720px (it was 780px), this will fix iPad users' too much responsive problem.
! Resolution range decreased to 240px (it was 300px), this will allow much wider range of old devices to navigate forum without problem
! Small margin changes on main_menu (dropmenu) for small devices (240px-640px)
! index_common_stats now hidden due to template styling (for small devices)
! Improvements for iPhone 4 (+earlier) users (now they can see menu if they can't before)
! Keyinfo now back but not fully, posts now showing time_stamp (as requested)
! A dirty fix added for Simple Portal (don't get your hopes up, can be removed before stable release)
! Problem with size on wrapper element fixed (fingers crossed :P )

Version 1.0 Beta 4 - May 8 2015
! Stats page (action=stats) blank issue fixed and size increased
! Unread topic/posts issue fixed
! Profile stats now has bigger size
! Report to mod box width/height changed on small screen

Version 1.0 Beta 3 - April 23 2015
! Google test fail problem fixed
! Login button size issue fixed

Version 1.0 Beta 2 - April 20 2015
! Missing end tag creates XHTML validation error

Version 1.0 Beta 1 - April 16 2015
- Initial release
Title: Re: Responsive Curve
Post by: Kindred on April 20, 2015, 08:22:43 AM
do note, this initial release - while tested within the team, does need wider testing and may receive tweaks and updates based on reports submitted by folks who use it (YOU!)  So, please DO install this!

Nothing in this mod should "crash" your forum - it is MOSTLY CSS.

if you have questions or discover any issues, please post here and let us know.  This is an officially supported mod, so the SMF team will work to keep it up-to-date and clean.
Title: Re: Responsive Curve
Post by: vbgamer45 on April 20, 2015, 09:02:45 AM
On one of the sites I have installed it on as guest makes the login button very wide http://www.smfarcade.com/forums/index.php viewing in google chrome.
Title: Re: Responsive Curve
Post by: Antes on April 20, 2015, 09:11:52 AM
You can resolve that issue with adding code after mobile_on class in responsive.css

Code: [Select]
.responsive_menu.login
{
min-width: 16px;
width: auto;
}
Title: Re: Responsive Curve
Post by: vbgamer45 on April 20, 2015, 09:25:30 AM
Ok what about for custom menu additions will I have to do something similiar for each one?
Title: Re: Responsive Curve
Post by: Kindred on April 20, 2015, 09:52:32 AM
yes... probably so.

The main point is that this mod makes the DEFAULT (Curve) theme somewhat responsive.
We have already stated, outright, that this does NOT fix any mods and many mods may "break" the responsiveness.
Title: Re: Responsive Curve
Post by: Antes on April 20, 2015, 09:55:31 AM
Ok what about for custom menu additions will I have to do something similiar for each one?

Unlike SMF 2.1 there is no fallback (you know), you need to add

Code: [Select]
.responsive_menu.custom_action {
background: url(...) no-repeat;
}
Title: Re: Responsive Curve
Post by: SaltedWeb on April 20, 2015, 11:07:19 AM
Hi there,
I read your release posting and here, call me inexperienced in understanding but when you say,

"The main point is that this mod mades the DEFAULT (Curve) theme somewhat responsive."

What does that mean exactly as I am unsure what somewhat responsive converts too ?
Not really sure what the mod does , I am asking moreover because I use a curve variant and
wonder what this does , or is needed in my case.

Thanks
Title: Re: Responsive Curve
Post by: Kindred on April 20, 2015, 11:48:14 AM
I am not quite sure how else to explain it.
This mod makes the Curve theme somewhat responsive - enough to satisfy Google, as far as we can tell.

Like any other mod, it will ATTEMPT to install on alternate themes.... but we only BUILT it for Curve.
If you receive installation errors with any other theme, then you will have to take that up with the theme's author.
Title: Re: Responsive Curve
Post by: Antes on April 20, 2015, 11:49:04 AM
Hi there,
I read your release posting and here, call me inexperienced in understanding but when you say,

"The main point is that this mod mades the DEFAULT (Curve) theme somewhat responsive."

What does that mean exactly as I am unsure what somewhat responsive converts too ?
Not really sure what the mod does , I am asking moreover because I use a curve variant and
wonder what this does , or is needed in my case.

Thanks

Good question actually.

What is the meaning of "responsive"? it means your theme will adapt itself based on the resolution. It'll hide some parts of the forum or increase width to show as block (beside side by side).

How many changes you did on the theme ? If its a simple color changes (or converting images to CSS3) you are good with this, otherwise you may experience problems. Best part of this modification, you don't have to worry about stuff, because it doesn't do database or source changes so it just changes some templates and does most of the work with responsive.css file.
Title: Re: Responsive Curve
Post by: Kindred on April 20, 2015, 11:56:05 AM
thanks Antes, good explanation
Title: Re: Responsive Curve
Post by: SaltedWeb on April 20, 2015, 12:09:31 PM
Hi there,
I read your release posting and here, call me inexperienced in understanding but when you say,

"The main point is that this mod mades the DEFAULT (Curve) theme somewhat responsive."

What does that mean exactly as I am unsure what somewhat responsive converts too ?
Not really sure what the mod does , I am asking moreover because I use a curve variant and
wonder what this does , or is needed in my case.

Thanks

Good question actually.

What is the meaning of "responsive"? it means your theme will adapt itself based on the resolution. It'll hide some parts of the forum or increase width to show as block (beside side by side).

How many changes you did on the theme ? If its a simple color changes (or converting images to CSS3) you are good with this, otherwise you may experience problems. Best part of this modification, you don't have to worry about stuff, because it doesn't do database or source changes so it just changes some templates and does most of the work with responsive.css file.

OK Cool makes sense now.  Thank you for spelling it out like you did very helpful.
Title: Re: Responsive Curve
Post by: BryanD on April 20, 2015, 04:37:56 PM
as the mod doesnt alter doctype then people will get validation errors breaking the approval guidelines :P
Title: Re: Responsive Curve
Post by: Illori on April 20, 2015, 04:53:12 PM
if they do change the doc type it will cause even more validation issues, especially with the language strings that have <br /> in them.
Title: Re: Responsive Curve
Post by: margarett on April 20, 2015, 04:53:38 PM
Nop. I did perform a validation in W3C and it passed with flying colors ;)

We are not *THAT* idiots ;D
Title: Re: Responsive Curve
Post by: BryanD on April 20, 2015, 05:37:26 PM
thats weird as I just tested with a fresh install and it failed :P
Title: Re: Responsive Curve
Post by: Illori on April 20, 2015, 05:47:26 PM
the only fail i see, is on the viewport meta tag line...

Quote
Line 21, Column 70: end tag for "meta" omitted, but OMITTAG NO was specified

   <meta name="viewport" content="width=device-width, initial-scale=1">

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Title: Re: Responsive Curve
Post by: margarett on April 20, 2015, 05:48:43 PM
Indeed. I fixed that error (which has nothing to do with the DOCTYPE :P ) but it seems that the wrong package was uploaded :(
Fixing it right now.

Thank you for bringing it up.
Title: Re: Responsive Curve
Post by: BryanD on April 20, 2015, 05:55:48 PM
i get that one then when you change to html5 it says wrong doctype (but validates besides for that)
Title: Re: Responsive Curve
Post by: margarett on April 20, 2015, 05:58:40 PM
Yeah because HTML5 doesn't demand self-closing tags as XHTML does. Thus the error.
(but you know this better then me :P )
Title: Re: Responsive Curve
Post by: BryanD on April 20, 2015, 06:03:20 PM
you know me i like to be a pest :P
Title: Re: Responsive Curve
Post by: peterwaalker on April 20, 2015, 06:14:02 PM
I got two errors while installing on Anecdota_20g theme. SMF 2.0.9
Test passed others except two.
What do I do?

Also what if I add this code below in the index.template.php? All I needed is make Google bot see my site as responsive.
Quote
<meta name="viewport" content="width=device-width, initial-scale=1">
Title: Re: Responsive Curve
Post by: margarett on April 20, 2015, 06:17:38 PM
That line should actually be (was just fixed)
Code: [Select]
<meta name="viewport" content="width=device-width, initial-scale=1" />
As for your theme, you should really check with the author ;)
Title: Re: Responsive Curve
Post by: peterwaalker on April 20, 2015, 06:21:01 PM
That line should actually be (was just fixed)
Code: [Select]
<meta name="viewport" content="width=device-width, initial-scale=1" />
As for your theme, you should really check with the author ;)

The Author of that theme was Crip and he is no longer. Can you please help me with support.
Thanks
Title: Re: Responsive Curve
Post by: margarett on April 20, 2015, 06:26:06 PM
I hope someone can help you with it. Themes and CSS is not my stuff, really.
But use the respective support topic for it http://www.simplemachines.org/community/index.php?topic=248382.0
Or else this topic will become a mess, pretty quickly...
Title: Re: Responsive Curve
Post by: peterwaalker on April 20, 2015, 06:39:54 PM
Do you know that question I asked on that thread has not been answered for about a year+ now.
Title: Re: Responsive Curve
Post by: peterwaalker on April 20, 2015, 06:45:19 PM
What if I parse it and add manually in the theme directory. First, is it going to work? Second is it going to disrupt mods functionality? Third, If it is going to work well without disruption how do I tackle this below?
File Operations
Move the included file "css/responsive.css" to "./Themes/default/css".
Move the included file "images/responsive_menu.png" to "./Themes/default/images".
Thank you sir for helping me.
Title: Re: Responsive Curve
Post by: Kindred on April 20, 2015, 07:44:54 PM
First and foremost, your one question has been answered, twice, already, by me...

And the only reason that I will answer it again here, is because it may also apply to other folks who are looking to try this on their own custom themes.

Add that viewport line along with the other meta tags, right near the title tag...

We have no idea what some other themes may need to get this working...  You could copy the CSS files into your theme's CSS folder...  And the image files into your theme's images folder...
Just as you would do when installing any other mod... But, on the other hand, THAT action should be automatically accomplished by the package manager installer.


And,,once again, I will emphasize, we can not support every theme individually...  Thatbis why there are support topics for each and every theme. If a particular theme is not getting supported, then perhaps you should consider using a different theme.

Title: Re: Responsive Curve
Post by: RSI on April 22, 2015, 10:25:38 AM
I installed this on a live test board with a v2.09 clean install and on my iPhone 5S and everything comes up sort of scrambled, overlapping menus etc. Looks fine on a desktop PC and an iMac though.

If I had another phone I would take a snapshot of what it looks like on my iPhone, but I don't have one at the moment.
Title: Re: Responsive Curve
Post by: margarett on April 22, 2015, 10:34:31 AM
I also tested it on the iPhone and it looked fine :o

You can grab your screen on the iPhone pressing the home + power button simultaneously ;)
Title: Re: Responsive Curve
Post by: RSI on April 22, 2015, 11:27:24 AM
You can grab your screen on the iPhone pressing the home + power button simultaneously ;)

Neat trick...

Things were overlapping because it was coming up way too big at first. It reset my Safari and now the over lapping is gone, but it still comes up too big and I can't make it shrink down all of the way to fit the screen.

It is maybe set for the larger iPhone 6's and not the smaller iPhone 5's and before?

Attached below are screen shots of the way it comes up and then after I try to make it fit the screen.

P.S. Apple may or may not come out with with another smaller size iPhone again like the 5's and if they do the smaller resolution would still need to be supported if that's what it is. Still a lot of people around with the smaller phones and some like the smaller ones anyway.
Title: Re: Responsive Curve
Post by: margarett on April 22, 2015, 02:41:56 PM
That's why we said it's not fully responsive. The theme adjusts itself up to a minimum width (700px if I'm not mistaken). Then your browser's zoom should take care of the rest. When I tested it, I got exactly the same looks as yours but then I was able to zoom out.

A fully responsive theme, like Curve2 or other responsive themes out there, adjusts itself to "any" width automagically. To have a new default theme which was fully responsive would,not only be an insane amount of work, but most likely break 80+% of every MODs out there...
Title: Re: Responsive Curve
Post by: peterwaalker on April 22, 2015, 04:07:08 PM
Please help. I have tried to make my site to look responsive by adding
Code: [Select]
<meta name="viewport" content="width=device-width, initial-scale=1" \> to the index.template.php instead the fonts became wider(517px approx.) at a zoom big enough not to accommodate the entire at once and links smaller. It failed the test. Could you please have a look and help me fix this problem.
Thank you.
Title: Re: Responsive Curve
Post by: Kindred on April 22, 2015, 04:09:32 PM
I asusme that you are talking (again) about a custom theme...

in which case, your post (once again) should be made in that theme's support topic.
Title: Re: Responsive Curve
Post by: RSI on April 22, 2015, 04:28:37 PM
A fully responsive theme, like Curve2 or other responsive themes out there, adjusts itself to "any" width automagically. To have a new default theme which was fully responsive would,not only be an insane amount of work, but most likely break 80+% of every MODs out there...

Yeah, I'm not really interested in this mod anyway, but you guys said try it because I assume you wanted feedback so I thought I would play with it and see what happened. Your default settings are too big for the smaller mobile phone resolution and that's my feedback. I can't shrink it down all of the way to fit the window using my fingers. The second pic in my last post is as good as I could get it.

Don't know it that helps any or not...
Title: Re: Responsive Curve
Post by: BryanD on April 22, 2015, 04:34:26 PM
Please help. I have tried to make my site to look responsive by adding
Code: [Select]
<meta name="viewport" content="width=device-width, initial-scale=1" \> to the index.template.php instead the fonts became wider(517px approx.) at a zoom big enough not to accommodate the entire at once and links smaller. It failed the test. Could you please have a look and help me fix this problem.
Thank you.

I HAVE given you the instructions on what to do in the themes topic, i havent had a minute to look at your new reply to it, some of us DO have lives offline, I know bad idea as you need help and no-one else is worthy of getting help.  If the theme fixes I provided for the theme dont work TRY ANOTHER THEME!!
Title: Re: Responsive Curve
Post by: UKPsite on April 23, 2015, 04:57:50 AM
I did a new SMF install in separate directory but it's still not validating with Google.

Also on Firefox Android the screen fits without horizontal scrolling, but it doesn't fit on default Android browser.

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.ukpunting.com%2Ftemp%2Fgoogle-mobile-test.png&hash=cc8be93911a88a911ce5784d888d61bc)
Title: Re: Responsive Curve
Post by: roshaoar on April 23, 2015, 08:57:48 AM
Fwiw, I had the same this morning  :(
Title: Re: Responsive Curve
Post by: Bigguy on April 23, 2015, 09:14:42 AM
I just ran it now on my site and this is what I get:
Title: Re: Responsive Curve
Post by: Bigguy on April 23, 2015, 09:16:13 AM
Oh, now it's not mobile friendly, lol. Same errors as everyone else now.
Title: Re: Responsive Curve
Post by: Kindred on April 23, 2015, 09:42:26 AM
they seem to have changed something, this morning.

My sites all ran successful tests for the past few weeks...   and today, after 7am, they started showing errors.

google are being jerks
Title: Re: Responsive Curve
Post by: roshaoar on April 23, 2015, 10:25:07 AM
google are being jerks

I have to say... this is incredibly unprofessional by Google. 2 days after the update starts the test to pass it is changed.
Title: Re: Responsive Curve
Post by: Suki on April 23, 2015, 10:37:35 AM
if Skynet Google says "jump" we  jump and are forced to say "how high"...
Title: Re: Responsive Curve
Post by: stmaxx on April 23, 2015, 10:38:14 AM
Yes I hope they get it right..We may need to give them some time get straight.

Some sites, I tested worked out positive, although the pages looked bad in their test window ( phone)

We best wait, cause I think they are punishing the Normal page sites, that people have.
This is the way to rank a site. They are also doing other things that are not so cool!

But thank yous guys for staying on top of this. It's a good move thing ! :)

regards,
maxx
Title: Re: Responsive Curve
Post by: peterwaalker on April 23, 2015, 11:22:07 AM
If I upgrade to 2.1 will the mods already installed work with the responsive software?
Will the custom themes work?
Is it safe for security.
Thanks
Title: Re: Responsive Curve
Post by: margarett on April 23, 2015, 11:40:52 AM
For the most part no, no, as far as we know yes.

That being said, it's NOT recommend to run 2.1 in production sites!

FYI, an update to this patch which covers this change is just pending release ;)
Title: Re: Responsive Curve
Post by: roshaoar on April 23, 2015, 12:21:10 PM
I do hope this is the right place for this but may I make a tiny suggestion. I don't read forums on a mobile myself but when I scale my desktop browser to mobile size it looks like on the forums index page the links to 'latest post' get hidden. I think it'd be better to keep the links but use that small icon that shows when you browse to the forum index, floated right, with the author, title in alt or title (do they show on mobile?). Ie same size icon as the Home Help Search texts become.
Title: Re: Responsive Curve
Post by: Kindred on April 23, 2015, 01:55:21 PM
not sure exactly what you mean roshaoar...



on the matter of the site layouts. I have no idea why google is suddenly rejecting things... I just checked my test site on android chrome and firefox and it looks grand.   So, I think Google has had a nervous breakdown
Title: Re: Responsive Curve
Post by: roshaoar on April 23, 2015, 02:27:37 PM
not sure exactly what you mean roshaoar...

on the matter of the site layouts. I have no idea why google is suddenly rejecting things... I just checked my test site on android chrome and firefox and it looks grand.   So, I think Google has had a nervous breakdown

If you resize your browser to mobile size (ie phone), then on the forums index page there's no link to last post in each forum. It'd seem sensible to have one there, same size as the other icons.

With Google my hunch is that it's a case of the left hand not knowing what the right hand is doing. Ie department A decided mobilegeddon would happen April 23, but department B was asked to revamp the mobile testing page without being given a date or knowing the date. Seems a bit lightweight if you ask me.
Title: Re: Responsive Curve
Post by: Antes on April 23, 2015, 03:18:02 PM
Version 1.0 Beta 3 - April 23 2015
! Google test fail problem fixed
! Login button size issue fixed
Title: Re: Responsive Curve
Post by: peterwaalker on April 23, 2015, 05:49:52 PM
If i apply smf default theme and install the update of responsive mod, is everything going to be fine?
Title: Re: Responsive Curve
Post by: margarett on April 23, 2015, 06:04:38 PM
You have to uninstall the previous version then install the new one.
Title: Re: Responsive Curve
Post by: stmaxx on April 23, 2015, 06:40:37 PM
OK this will tell what your min width can go to> this is in your index.css

If you are have issues getting the Awesome test result.


Code: [Select]
div#wrapper {
    margin: 0 auto;
    max-width: 2300px;
    min-width: 350px;
}

Just an example, can be adjust to your satisfaction! max can be 100% and the min i place is excepted by  the test!

But these things are just get in the new ranking thing!

regards,
Maxx
Title: Re: Responsive Curve
Post by: br360 on April 23, 2015, 10:30:13 PM
Installed it, and so far it seems to be getting along fine with my 50+ mods; and google seems happy as well. I figured that the board icons and avatars in the threads and posts wouldn't appear now when viewing from a mobile device, but was surprised to see that member post count was also missing from posts though.

Would it be possible to add that into a future update of the mod, so members can see each others post counts when reading threads on their phones?
Title: Re: Responsive Curve
Post by: br360 on April 23, 2015, 11:55:26 PM
I can't edit my above post, so I'll post it here- seems when checking this out on my phone, I have an issue of no longer having a navigation menu. I can see the log in and register links as a guest, but after I log in, none of the menu links are anywhere to be found (home, my messages, admin, etc.)

This is happening on any site I installed the responsive mod on with various other mods to clean installs. It's not the newest phone in the world, so it's most likely something to do with that- but has anyone else that installed this mod have the same issue?
Title: Re: Responsive Curve
Post by: Kindred on April 24, 2015, 12:28:37 AM
In responsive mode, the menu items turn into icons.
Title: Re: Responsive Curve
Post by: br360 on April 24, 2015, 12:31:28 AM
Nope, not seeing them at all. Is it an icon only, or an icon and then a link next to it like in 2.1?
Title: Re: Responsive Curve
Post by: Antes on April 24, 2015, 02:56:52 AM
Icon only, you need to give us more detail. Which device and browser you are using.

You cannot see some details in post because they are hidden as bundle.
Title: Re: Responsive Curve
Post by: br360 on April 24, 2015, 03:18:24 AM
It's a PantechP7040 (non smart phone from At&t) The browser is Opera Mini 9.50.

Title: Re: Responsive Curve
Post by: Antes on April 24, 2015, 03:23:54 AM
Opera Mini probably can't read the sprited icons (?) Do you have the same issue on SMF 2.1 as well ? Cannot see the icons ?

If yes? Nothing we can really do.
If No... we are doomed!
Title: Re: Responsive Curve
Post by: br360 on April 24, 2015, 03:33:31 AM
I just checked; and no, I don't see the icons on my two 2.1 test sites. I do at least see a navigation tab with home, search, admin, etc. links on both of them though- similar to how it looks viewing a 2.0 smf site from my mobile.

Pretty sure it's not limited to SMF though. I just checked, and I don't see any of the sprite icons when looking at sites that use other software either.
Title: Re: Responsive Curve
Post by: Antes on April 24, 2015, 04:27:57 AM
Opera Mini doesn't have any HTML5 capabilities afaik. You need Opera Mobile.
Title: Re: Responsive Curve
Post by: br360 on April 24, 2015, 08:01:33 PM
That's good to know, thanks. My mobile is pretty old, so personally I'm not too worried about it- as I can just change the theme to one that doesn't have the responsive mod installed on the rare times I am using mobile on my sites. I was just concerned if perhaps anyone else had had the same issue-which so far looks like nobody else has. ;)
Title: Re: Responsive Curve
Post by: roshaoar on April 27, 2015, 04:04:31 AM
This mod works really well - as a newcomer to SMF the ease of putting it out and the effect is great.

One thing, I'd like to completely alter the colours on my forum but would very much like to have a proper set of files as a backup. When I make a copy of this theme to be able to tinker with the copy, it's not responsive anymore. What would you suggest - are there any files I could manually back up somewhere to be able to have an original clean version to switch to?

Also, some mods don't sit easily with this responsive curve - I think because they lack image/button alternatives when the browser is resized. For example show latest topics on the homepage. Which php pages or CSS files would I look to to fix that?

Thank you for your time,

-Johan
Title: Re: Responsive Curve
Post by: margarett on April 27, 2015, 04:54:01 AM
Quote
When I make a copy of this theme to be able to tinker with the copy, it's not responsive anymore
The theme copy option only copies a small part of the theme. If you copy "responsive.css" over, your copy also becomes responsive ;)

Quote
Also, some mods don't sit easily with this responsive curve
That's why we keep this is a separate MOD and don't include it in the core code... MODs that affect the layout will probably not play nice with this. In these cases you need to check the MOD support topic, and poke the author for a "responsive" update ;)
Title: Re: Responsive Curve
Post by: roshaoar on April 27, 2015, 04:57:05 AM
Ahhh, fantastic, thank you. Yes I've poked the mod authors :)

-Johan
Title: Re: Responsive Curve
Post by: peterwaalker on April 27, 2015, 05:28:29 AM
Where can I find link to this responsive curve2 theme so that I can install it and apply the responsive_beta_mod?
Title: Re: Responsive Curve
Post by: Illori on April 27, 2015, 05:56:14 AM
curve2 is the default theme for 2.1. it is responsive already. you can not install curve2 on 2.0.
Title: Re: Responsive Curve
Post by: peterwaalker on April 27, 2015, 06:13:59 PM
curve2 is the default theme for 2.1. it is responsive already. you can not install curve2 on 2.0.

Okay thanks a lot.
I'm waiting for SMF to approve LARGE_UPGRADE of 2.1_Alpha on 2.0.x live production sites. Because i'm no longer comfortable with this Google policy.

I have already install mod officially released to make my theme responsive but to no avail. The mod installed successfully on Anecdota theme yet my site failed mobile algorithm test.

Title: Re: Responsive Curve
Post by: Kindred on April 28, 2015, 01:00:41 AM
You are going to be waiting a while...   Beta 2 is the next release... And that will continue to be wanted not to use on a production site...

The rc versions are after that, if there is no need for a beta3...   Not until 2.1 final will it be recommended to use one a production site.

Title: Re: Responsive Curve
Post by: Mr. Jinx on April 28, 2015, 02:38:53 PM
Should the layout of 'index.php?action=unread' also be responsive?
It looks a bit weird on my forum but I'm not sure if it is something local.

The rest looks fantastic. Thumbs up for this mod.
Title: Re: Responsive Curve
Post by: Kindred on April 28, 2015, 02:43:09 PM
you are viewing in the narrow mode... (hence the icons instead of text for the menu)
Title: Re: Responsive Curve
Post by: Illori on April 28, 2015, 02:54:50 PM
the cat bar area is not the correct width in that picture, or the text below is too narrow.
Title: Re: Responsive Curve
Post by: Mr. Jinx on April 28, 2015, 04:07:35 PM
you are viewing in the narrow mode... (hence the icons instead of text for the menu)
Yes, that was my question. It's in narrow mode, but the cat bar still shows all columns, and the left column is very small while there is room.
Title: Re: Responsive Curve
Post by: Antes on April 28, 2015, 04:10:19 PM
It would be nice if you write your feedback under mod's topic. So we can track the issues more easily :) I'll work on new changes tomorrow, I'm preparing a presentation now.
Title: Re: Responsive Curve
Post by: Mr. Jinx on April 28, 2015, 04:39:33 PM
It would be nice if you write your feedback under mod's topic.
Eh..isn't this the mod topic?
Title: Re: Responsive Curve
Post by: Antes on April 28, 2015, 04:49:56 PM
It would be nice if you write your feedback under mod's topic.
Eh..isn't this the mod topic?

yeap, sorry long time studying has its side effects my apologies :(
Title: Re: Responsive Curve
Post by: roshaoar on April 28, 2015, 04:52:04 PM
Your cat is amused :)
Title: Re: Responsive Curve
Post by: ApplianceJunk on April 28, 2015, 05:03:31 PM
I'm wondering how this Responsive Curve mod would compare to using SMF4Mobile?
http://smf-media.com/

Also could some of you post a link to your site that is using this Responsive Curve mod so I could check it out.

Thanks,
Title: Re: Responsive Curve
Post by: ApplianceJunk on April 28, 2015, 08:23:05 PM
So I'm trying to understand if this theme also changes how my site looks to desktop users too or will my site look as it always did to desktop users with this mod and only change the look for mobile users?
Title: Re: Responsive Curve
Post by: margarett on April 28, 2015, 09:00:44 PM
It will stay the same for desktop users. Unless they resize the browser so that it gets very narrow ;)
Title: Re: Responsive Curve
Post by: ApplianceJunk on April 28, 2015, 09:11:54 PM
Thanks margarett,

Still looking for some sites that are using it so I can see how it looks.
Is there maybe a demo site that I missed?
Title: Re: Responsive Curve
Post by: Mr. Jinx on April 29, 2015, 02:11:14 AM
I'm wondering how this Responsive Curve mod would compare to using SMF4Mobile?
http://smf-media.com/

Also could some of you post a link to your site that is using this Responsive Curve mod so I could check it out.

I prefer to use both. The responsive design keeps the look and feel of your site layout, but may not always be the best choice for mobile use. The smf4mobile theme looks completely different, but is 100% optimized for mobile use. However, not all users like it, so I let my users choose.
In fact I even offer a third option: Tapatalk. So now we we have: Responsive Theme / Mobile Theme / App!

To see this in action:

Responsive (https://chelloo.com/forum/index.php?thememode=full;redirect=https%3A%2F%2Fchelloo.com%2Fforum%2Findex.php) (try resizing your browserwindow)

SMF4Mobile (https://chelloo.com/forum/index.php?thememode=mobile;redirect=https%3A%2F%2Fchelloo.com%2Fforum%2Findex.php)
Title: Re: Responsive Curve
Post by: peterwaalker on April 29, 2015, 05:53:53 AM
Hmmm
Is there any tested theme on SMF that can be made responsive with the use of responsive mod beta3
Link to such theme(s)  will be very important to me right now because I'm stock in here now.
Thanks
Title: Re: Responsive Curve
Post by: Kindred on April 29, 2015, 06:29:03 AM
that is getting off topic peter.
Title: Re: Responsive Curve
Post by: peterwaalker on April 29, 2015, 07:00:36 AM
that is getting off topic peter.

OK
Sorry my bad.
Let me open fresh topic for it.
Title: Re: Responsive Curve
Post by: Dav999 on April 30, 2015, 11:46:34 AM
It works nicely, I've been testing around for a bit and I found the following:

Title: Re: Responsive Curve
Post by: Kindred on April 30, 2015, 12:16:05 PM
Do note: there is only so much that can be done -- some template will just never work cleanly in "responsive" mode without re-writing the entire theme (which is NOT getting done for 2.0/Curve)
Title: Re: Responsive Curve
Post by: stmaxx on April 30, 2015, 03:07:40 PM
I just wanted to say that this is one of the best things, you guys done. I like the new mod very much and thank for it.

And also that did  you it at the right time and re-did it as needed, with great edits at updates to it!

I sure you will please everyone, no one can!
For me this is a very good move, for those using the 2.0, and or worried about upgrading.

Well done!
And for those who do not understand this not a Blog system It a forum, and any portal or edits as mentioned above will alter the way this thing was intended to do.

Completely satisfied with it! regards,
Maxx
Title: Re: Responsive Curve
Post by: eldritch1969 on May 01, 2015, 03:24:07 AM
Thanks for the hard work !

It passed Google tests with flying colors
Title: Re: Responsive Curve
Post by: hitsme on May 04, 2015, 01:08:46 AM
this is how it looks on mobile
Title: Re: Responsive Curve
Post by: BigMike on May 04, 2015, 08:28:26 PM
While I don't like how much has been removed, it is understandable and I GREATLY appreciate all the hard work that went into this.

Until 2.1 comes out, we all thank you!!

If anyone wants to see what a modified theme looks like with this mod (version beta 3) looks like, then tap here: http://board.marlincrawler.com

EDIT: I've added additional 'hidden' classes to clean up the layout a bit. So far I'm really like'n it!

Regards,
BigMike
Title: Re: Responsive Curve
Post by: roshaoar on May 05, 2015, 11:55:52 AM
Likewise, it's super.

I was wondering if the creators could answer a couple of small questions about it from a slightly technical pov, as I'm not remotely familiar with mobile rendering and I'd like to understand how what you've done works. Would I be broadly right with the following interpretation:

Mod adds responsive.css and it's called in default index. This then causes a set of already existing classes to have display: none, and other changes depending on @media screen and width. For example the navigation is now one sprite and bits png of this get shown depending on the menu item. No class changes or appends on other templates.

May I ask, what's the purpose of .mobile_on?

Thank you for your time,

-Johan
Title: Re: Responsive Curve
Post by: Nodaz on May 05, 2015, 02:00:55 PM
Found this to test your site:
https://www.google.com/webmasters/tools/mobile-friendly/
Title: Re: Responsive Curve
Post by: GazCBG on May 06, 2015, 07:43:53 AM
Hi,

Will this work with Simple Portal out the box, or will it need some modifications?
If it needs some modification, will it be just to the .css file(s)?
Title: Re: Responsive Curve
Post by: Antes on May 06, 2015, 08:02:11 AM
No Simple Portal needs changes.
Title: Re: Responsive Curve
Post by: stmaxx on May 06, 2015, 01:33:33 PM
I would Like to suggest that, if you are using any portal, with this responsive mod that, you move your left and right panel blocks to the bottom of you page, ( Lower or bottom panel ), I know some have too many blocks, but are they really needed?
Or, is some of it's just over kill.

If have adsense or relater ads, you can place horizontal ads in the "Top" or "lower" panel.
If not the side panels will over flow to the main  content ( not and Mod issue! ) if use of and portal is need.?
I have done this with a few sites and it works out fairly well.

Note: some portals will place them side by side at the 3 or four, but the issue of overflow will remain an issue!

Like mentioned above, some themes will just not work!

Some time we all need do some of the work :) Tweaking here and there!

Great Mod!

regards,
Maxx
Title: Re: Responsive Curve
Post by: jm_araujo on May 06, 2015, 02:00:28 PM
Just applied this module to my forum, and I have some suggestions after I had to made some usability changes:

The "Recent.template.php" should be patched in the same way as "MessageIndex.template.php" when it generates the "unread posts" or the "new replies" (two different places in the file) to hide the table headers of the message list, or those pages will look wrong (the topics will be very narrow).

And you could hide the "Last Post" header when you hide the rest of the column.

Hope you don't mind my suggestions and keep up with the good work!!!
Title: Re: Responsive Curve
Post by: Antes on May 06, 2015, 04:18:48 PM
If you are looking for a quick fix for Simple Portal (that's gonna cost your left-side). If you don't hide sp_left left side of the portal will show upside (not the wanted thing trust me :P).

Open your responsive.css
Code: (Find) [Select]
@media screen and (max-width: 780px) {
body
{
padding: 0 !important;
}
Code: (Replace) [Select]
@media screen and (max-width: 780px) {
/* SP Dirty Fix */
#sp_left
{
display: none;
}
#sp_center, #sp_right
{
width: 100%;
display: block;
}
body
{
padding: 0 !important;
}

I have some time before sleep I'll work on next beta, I'll fix the issues mentioned in here (forgive me if I skip anything) :)
Title: Re: Responsive Curve
Post by: redsosis on May 07, 2015, 11:21:39 PM
Hi, thanks for the mod.

I have applied this module to my forum, but when I go to Recent Unread Topics, it looks weird.

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi57.tinypic.com%2Fvpyxrr.jpg&hash=6db9e811f4eb21095f97723f33677131)

Any suggestion?
Title: Re: Responsive Curve
Post by: Antes on May 08, 2015, 03:30:49 AM
Time for another update :)

Version 1.0 Beta 4 - May 8 2015
! Stats page (action=stats) blank issue fixed and size increased
! Unread topic/posts issue fixed
! Profile stats now has bigger size
! Report to mod box width/height changed on small screen
Title: Re: Responsive Curve
Post by: Mr. Jinx on May 08, 2015, 03:33:21 AM
Very cool, thanks for this update! Installing it right away..
Title: Re: Responsive Curve
Post by: redsosis on May 08, 2015, 04:40:55 AM
Awesome....

Thanks a lot.
Title: Re: Responsive Curve
Post by: grimes on May 08, 2015, 08:09:47 AM
I've updated to beta 4 and lost responsiveness. The forum is also not "mobile-friendly" anymore. I reverted to beta 3, but no luck. Still not responsive.
Title: Re: Responsive Curve
Post by: Kindred on May 08, 2015, 08:11:42 AM
how did you update?
Did you UNINSTALL beta3 and the INSTALL beta4?
Title: Re: Responsive Curve
Post by: grimes on May 08, 2015, 08:15:51 AM
Yes
Title: Re: Responsive Curve
Post by: Mr. Jinx on May 08, 2015, 11:42:37 AM
One of our forum members mentioned that on an ipad3 in portrait, the layout is 'too responsive'.
At 780px, the next level kicks in while the wider view would still be perfect at that resolution.

Default: media @ 780 (in responsive.css)
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.simplemachines.org%2Fcommunity%2Findex.php%3Faction%3Ddlattach%3Btopic%3D535718.0%3Battach%3D242026&hash=23d7caf032c578451cc85c66b94c6dca)

Changed too: media @ 780 (in responsive.css)
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.simplemachines.org%2Fcommunity%2Findex.php%3Faction%3Ddlattach%3Btopic%3D535718.0%3Battach%3D242028&hash=f5ee0e495a004fbfa9e7a81da11553dd)

Title: Re: Responsive Curve
Post by: Antes on May 08, 2015, 01:01:10 PM
Can you please change.

@media screen and (max-width: 780px) {
to
@media screen and (max-width: 720px) {
Title: Re: Responsive Curve
Post by: coromi52 on May 08, 2015, 02:20:14 PM
I there an easy way to update to this latest from the admin panel and upload? A bit confused on how to update it.

Thank you
Neewbie
Title: Re: Responsive Curve
Post by: Kindred on May 08, 2015, 02:24:16 PM
in the package manager

uninstall the previous version of the package

upload and install the new version
Title: Re: Responsive Curve
Post by: Mr. Jinx on May 08, 2015, 02:36:14 PM
Can you please change.
@media screen and (max-width: 780px) {
to
@media screen and (max-width: 720px) {

Yep that works fine.
ps: I am unable to modify my own posts?
Title: Re: Responsive Curve
Post by: Miker1029 on May 08, 2015, 04:34:23 PM
Just wanted to report in, That this works on SMF 2.0.10, With the BackJack 2.0 Theme (Heavily Modded)  I went to My Google Dashboard and ran A Couple Checks And Seems to Be Fine...

But I also Went one step further and Added Mobile Detect, and a Black Mobile Theme from the creator of the BlackJack theme, All is working great...

Mike
Title: Re: Responsive Curve
Post by: redsosis on May 09, 2015, 02:41:11 PM
Hi, today my forum changes the layout by itself like this.

Any suggestion?
Title: Re: Responsive Curve
Post by: Kindred on May 09, 2015, 03:25:55 PM
That is what it is supposed to do, when you install this mod
Title: Re: Responsive Curve
Post by: Mr. Jinx on May 09, 2015, 06:03:19 PM
Take a closer look. It is not supposed to look like that.
Title: Re: Responsive Curve
Post by: Kindred on May 09, 2015, 06:07:20 PM
Well, description is more helpful than "like this"

A URL is also helpful...
Title: Re: Responsive Curve
Post by: Dav999 on May 09, 2015, 06:40:11 PM
On a mobile screen, the page content is wider than the screen in beta 4.
Title: Re: Responsive Curve
Post by: redsosis on May 09, 2015, 11:47:13 PM
Well, description is more helpful than "like this"

A URL is also helpful...

sorry for the lack of information...

www.audiophile-id.com

the page is wider than before.
Title: Re: Responsive Curve
Post by: Mr. Jinx on May 10, 2015, 07:29:54 AM
Take a look at Admin > Configuration > Theme & Layout >Theme Settings.
Click on your default Theme. Did you specify a fixed width? If so, try to remove it.

If that didn't work, try this:

Themes/default/css/index.css:

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
   margin: 0 auto;
   min-width: 764px;
   max-width: 2300px;
}

Modify min-width to 320px;
Title: Re: Responsive Curve
Post by: Antes on May 10, 2015, 07:43:11 AM
Yea thanks for the tip, forgot to mention. If your forum has fixed width (like 900px - 1200px) responsive changes won't work because they are based on "% calculation".
Title: Re: Responsive Curve
Post by: Rickard on May 10, 2015, 10:51:04 AM
Hi.

I tried this package, but it didnt work well with my theme (Csmanul_20)
I uninstalled the package, but there are images missing, and wrong menu background images (When for example "Forum" menu active, it displays some kind of folder icon...
Any idea where this images are, i have been locking for 1 hour and cant find it.

forum affected is www.atvforum.se

Edit, page was cached in my mobile phone, after closing all pages and reopening, it looks OK.
Title: Re: Responsive Curve
Post by: grimes on May 10, 2015, 11:32:06 AM
Our forum has a width of 90% (no fixed width) and lost responsive changes. I have another simple test forum and that has also lost responsiveness after some time with "Responsive Curve" mod. Problem seems to be reproducible.

EDIT: Aha. Removing "90%" and leaving "forum width" blank and responsive design is restored!
Title: Re: Responsive Curve
Post by: Kindred on May 10, 2015, 11:57:39 AM
Rickard, this is only designed to work with the default/curve there

Grimes... Yes... If you force a width, it will overpower the responsiveness.
Title: Re: Responsive Curve
Post by: redsosis on May 10, 2015, 12:06:54 PM
Take a look at Admin > Configuration > Theme & Layout >Theme Settings.
Click on your default Theme. Did you specify a fixed width? If so, try to remove it.

If that didn't work, try this:

Themes/default/css/index.css:

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
   margin: 0 auto;
   min-width: 764px;
   max-width: 2300px;
}

Modify min-width to 320px;

Well thank you Mr. Jinx & Kinded,
Now its going normal again. :D
Title: Re: Responsive Curve
Post by: Rickard on May 11, 2015, 02:56:13 AM
Rickard, this is only designed to work with the default/curve there

Grimes... Yes... If you force a width, it will overpower the responsiveness.

I just lost in googles index on my top key words, from place 6 to 18.
A responsive design is getting really important.
I would like to close the simple portal automatically and go to for example Redsy theme (http://demo.smftricks.com/index.php?theme=57) as soon as a mobile device (or google) visits my forums.
I have trying to find clear and consis instructions for if this is at all possible, but i dont find any auot-detect feature that seems to be supported.
Is there anyone that can give me instructions for how to make this possible?
I am absolutely clear about the fact that all my adverts will disappear, but right now it seems to be a small problem, if google indexes my sites even lower i will loose visitors, advertisers and income anyway.
Any suggestions would be much appretiated.

I am going to hire help for the changes needed, but some tips to get us going would be nice.
Title: Re: Responsive Curve
Post by: margarett on May 11, 2015, 03:56:55 AM
That goes a bit out the scope of this topic. You should open a new topic for your issue ;)
Anyway, this is a good place to start: http://custom.simplemachines.org/mods/index.php?mod=3349
Title: Re: Responsive Curve
Post by: huns on May 13, 2015, 02:21:55 PM
Any pro could take a look at our site and tell me why the plugin/mod is not applying correctly?
hxxps://qbforums.shiki.hu/index.php

Errors:
> Content wider than screen
> Links too close together

I did purge file cache on Cloudflare and enabled Development Mode before trying the check tools and the site myself.
Thanks!

ps.:
Installed addons:
> SMF latest version (via package patch)
> Restrict Email Providers 1.3 custom
> Responsive Curve 1.0 beta 4

Site configuration:
> memcached
> Xcache
> suhosin
> HTTPS redirect enforced via mod_rewrite - apache

Cloudflare:
> All optimization, maximum protection - But I disabled it when I tested
Title: Re: Responsive Curve
Post by: Mr. Jinx on May 13, 2015, 04:35:15 PM
Just read a few posts up. You have your forum width fixed at 764px.
Title: Re: Responsive Curve
Post by: huns on May 13, 2015, 04:37:44 PM
Yeah I saw that one (read all the pages here and at announcement), but I don't want to edit by hand to cause issues with future updates or mods.

So should I fork the mod and add this fix to it?
Or will it get fixed?
Title: Re: Responsive Curve
Post by: Mr. Jinx on May 13, 2015, 04:54:36 PM
Nah, just read better :)
Ok I'll quote myself then:
Quote
Take a look at Admin > Configuration > Theme & Layout >Theme Settings.
Click on your default Theme. Did you specify a fixed width? If so, try to remove it.
Title: Re: Responsive Curve
Post by: Kindred on May 13, 2015, 05:35:52 PM
In short... There is nothing to be fixed, the issue is with your configuration options
Title: Re: Responsive Curve
Post by: huns on May 14, 2015, 02:40:21 AM
Nah, just read better :)

If only someone would implement that TCP/IP punch thing...

Quote from: Kindred
In short... There is nothing to be fixed, the issue is with your configuration options

1) Installed SMF (2.0.1 or whatever was it back then)
2) Installed patches (usually I used package upgrades, but I also used big upgrades sometimes, so mixed)
3) Installed a single mod that restricts registrations (does nothing to themes)
4) Installed SMF Curve Mod (which is supposed to add/replace any code needed)

... 5) "Wrong settings."

Look guys, I'm not even trying to bait or troll or whatever here.
I have a simple SMF forum, simple as it gets.
There is no modification in the default Theme files whatsoever, because the forum used custom themes since forever.

So that is why I'm here, why I am asking if the addon misses a replace command or something, because it should transform a vanilla look 100% into responsive.
At least, that's what the page says about the plugin.

Yes, I understand there is a dirty fix to replace things by hand. But I would much prefer an addon that would do it.
No, it's not an issue if this addon is not "complete", I will just modify it, so in case I have to remove it, I will get back a nice and clean installation with no ugly hacks.


tl;dr: You think it's PEBKAC, while it is an issue with older SMF installations or something - I do not know what changed from the first 2.0 release.
Maybe there were theme changes too, I don't know - as I wrote, we used a custom theme since the first install.
Title: Re: Responsive Curve
Post by: roshaoar on May 14, 2015, 03:07:15 AM
FYI - I have one testforum with responsive curve v3 - extreme-macro.co.uk/forumstest/ (http://extreme-macro.co.uk/forumstest/) - and it validates "awesome". But another testforum - extreme-macro.co.uk/boards/ (http://extreme-macro.co.uk/boards/) - with responsive curve V4, ie the update this week, fails on the same 2 things as Huns. I suspect that V4 may not have had the same things applied as V3 did when Google changed its validation requirement 2 days after mobilegeddon (http://www.simplemachines.org/community/index.php?topic=535718.msg3806930#msg3806930).
Title: Re: Responsive Curve
Post by: live627 on May 14, 2015, 03:41:52 AM
Quote
I understand there is a dirty fix to replace things by hand
Eh, an admin setting isn't too dirty...

Admin > Configuration > Theme & Layout > Theme Settings > Current Theme > Forum width: 90%
Title: Re: Responsive Curve
Post by: roshaoar on May 14, 2015, 03:56:15 AM
Fyi - the config setting is set at 90% on the V4 board that fails the test for me.
Title: Re: Responsive Curve
Post by: huns on May 14, 2015, 03:57:16 AM
Quote
I understand there is a dirty fix to replace things by hand
Eh, an admin setting isn't too dirty...

Admin > Configuration > Theme & Layout > Theme Settings > Current Theme > Forum width: 90%

Thank you. The first actually helpful, non-agressive, non-personal reply in the thread. Would rate this 5* on eBay. :)
The only thing I missed was that I can click on the Theme Name under Theme Settings.
And the Forum Widh was 90%, I had to remove it just like grimes said.
Title: Re: Responsive Curve
Post by: roshaoar on May 14, 2015, 04:08:27 AM
yep removing that 90% on V4 passes the test with flying colours, and setting it back makes it fail.

I have to say I'm confused then that v3 passes test with it set. I kind of like the padding there  :o
Title: Re: Responsive Curve
Post by: margarett on May 14, 2015, 08:54:10 AM
I removed the pointless argument. Please keep it civil ;)
Title: Re: Responsive Curve
Post by: roshaoar on May 14, 2015, 09:34:23 AM
I have to say, I'm really just really playing, but making your own silvery light theme (http://extreme-macro.co.uk/forumstest/) based on responsive curve is an absolute doddle. No weird surprises, everything in both the master curve and the responsive css logical and structured... not total rocket science how it all fits together... hooray. Dark maybe trickier because you have to invert a lot of stuff but I'll cross that bridge when I get to it...
Title: Re: Responsive Curve
Post by: hitsme on May 21, 2015, 04:04:57 PM
FYI - I have one testforum with responsive curve v3 - extreme-macro.co.uk/forumstest/ (http://extreme-macro.co.uk/forumstest/) - and it validates "awesome". But another testforum - extreme-macro.co.uk/boards/ (http://extreme-macro.co.uk/boards/) - with responsive curve V4, ie the update this week, fails on the same 2 things as Huns. I suspect that V4 may not have had the same things applied as V3 did when Google changed its validation requirement 2 days after mobilegeddon (http://www.simplemachines.org/community/index.php?topic=535718.msg3806930#msg3806930).

yep removing that 90% on V4 passes the test with flying colours, and setting it back makes it fail.

I have to say I'm confused then that v3 passes test with it set. I kind of like the padding there  :o
I had the same issue
how does % expand the width
Title: Re: Responsive Curve
Post by: roshaoar on May 21, 2015, 05:09:30 PM
Pass, I stayed with V3
Title: Re: Responsive Curve
Post by: hitsme on May 21, 2015, 07:38:06 PM
is it this
Quote
body,
   div#header, #header, #wrapper, #header div.frame
   {
      min-width: 200px !important;
      max-width: 640px !important;
   }
   
that is missing in css, that causes the 90% issue?
Title: Re: Responsive Curve
Post by: permutations on May 23, 2015, 05:13:36 PM
I just installed this on a clean newly installed site using the default Curves theme throughout, then looked at the site on my phone (Chrome browser, Android phone). Looks ... not formatted for the phone. Am I missing something?
 
Title: Re: Responsive Curve
Post by: Kindred on May 23, 2015, 05:42:54 PM
You are gojng yo have to be more clear/specific than "not formatted"
Title: Re: Responsive Curve
Post by: permutations on May 23, 2015, 06:45:20 PM
It was much wider than the screen of my phone. The only difference I could tell between the SMF 2.0 site where I installed this mod and one where I did not, is that the site with the mod kept making itself bigger (annoyingly, because most of the site was then off the screen). By "bigger", I mean it was zooming in. But I couldn't see any difference in how the site was formatted.

Does this explain it better?
Title: Re: Responsive Curve
Post by: Burke ♞ Knight on May 23, 2015, 07:24:54 PM
I think that's the way it's meant to be.
So it's more readable than when fully zoomed out.
Title: Re: Responsive Curve
Post by: permutations on May 23, 2015, 10:17:47 PM
Oh, too bad. A Web site that's truly configured for a mobile device fits entirely on the screen AND is readable - the site content is rearranged. I hoped that was what this mod did. I'm pretty sure that's what Google means in requiring a mobile interface. I'm very worried about this requirement. I make my living through my business Web site, and I use SMF to build my interface (not just the forum, but site wide). I don't want it to be invisible to Google!
Title: Re: Responsive Curve
Post by: roshaoar on May 24, 2015, 02:17:25 AM
Hello Permutations,

First of all, You may not be aware that this Google algorithm change only affects Google results on a mobile device, and there's no change in any position on the non-mobile SERPS. No danger of losing all Google visibility. Fwiw, if you're a niche leader or in a strong position in Google, it seems to me there's very little change. I monitor 30 terms for my non-responsive site and there's been no change for me, nor has traffic changed. Bottom line, G wants to serve the best results for searches and if your site's SERP gives its users better satisfaction than non-reasponsive SERPs G will still show you.

Also, it's not true that "A Web site that's truly configured for a mobile device fits entirely on the screen". Unless your content is spectacularly small you'll still need vertical scrolling. Not horizontal - that's mainly what responsive is about, cutting out horizontal scroll and overflow. RC does this well, and is a great base for further tweaks of your own. Works for me :)
Title: Re: Responsive Curve
Post by: Mr. Jinx on May 24, 2015, 05:28:33 AM
Oh, too bad. A Web site that's truly configured for a mobile device fits entirely on the screen AND is readable - the site content is rearranged. I hoped that was what this mod did. I'm pretty sure that's what Google means in requiring a mobile interface. I'm very worried about this requirement. I make my living through my business Web site, and I use SMF to build my interface (not just the forum, but site wide). I don't want it to be invisible to Google!
This mod should look fine on a mobile. Could you post a screenshot or site url? There might be something wrong, but that is hard to tell without looking at it.
Title: Re: Responsive Curve
Post by: Dav999 on May 24, 2015, 11:41:07 AM
What some people are trying to say is that beta 4 changed in such a way that the page is now too wide to fit on a mobile screen, pages load with half of the page offscreen, as opposed to beta 3. Google's mobile friendliness checker confirms that the content is wider than the screen when using beta 4.

Better explained with pictures: this (http://puu.sh/hYzSh/bee1beddf0.png) is what beta 3 looks like on a mobile device, this (http://puu.sh/hYzVy/235c716fdd.png) is what beta 4 looks like. You can zoom out, but you have to do it on each pageload.

Tested on a fresh install - removing the 90% forum width solves the issue, but also removes the padding on bigger screens that people may wish to keep.
Title: Re: Responsive Curve
Post by: FaBMak on May 25, 2015, 06:54:17 AM
This MOD is great and i'm using it. So, i've a question: How do i get the "full site" on the mobile devices? Because, some users want to get the forum traditional theme and in the Firefox (Android) the option "Request as Destkop" is not working.
Title: Re: Responsive Curve
Post by: Kindred on May 25, 2015, 08:52:29 AM
in a responsive design, there is no such option....
Title: Re: Responsive Curve
Post by: permutations on May 25, 2015, 02:30:23 PM
First of all, You may not be aware that this Google algorithm change only affects Google results on a mobile device, and there's no change in any position on the non-mobile SERPS. No danger of losing all Google visibility.

Google doesn't fully disclose its ranking algorithm. It's not certain that lack of mobile support would affect only the ranking on mobile devices.

In any case, I badly want mobile support for the sake of my forum members, not just my Google ranking. They've been requesting it for years. I just mentioned the Facebook page associated with my site that I was working on an upgrade, and the first comment was, "Mobile support?"

Also, it's not true that "A Web site that's truly configured for a mobile device fits entirely on the screen". Unless your content is spectacularly small you'll still need vertical scrolling. Not horizontal - that's mainly what responsive is about, cutting out horizontal scroll and overflow. RC does this well, and is a great base for further tweaks of your own. Works for me :)

Obviously I meant that the site was not fitting horizontally. No one expects a site to fit vertically.

What some people are trying to say is that beta 4 changed in such a way that the page is now too wide to fit on a mobile screen, pages load with half of the page offscreen, as opposed to beta 3. Google's mobile friendliness checker confirms that the content is wider than the screen when using beta 4.

Better explained with pictures: this (http://puu.sh/hYzSh/bee1beddf0.png) is what beta 3 looks like on a mobile device, this (http://puu.sh/hYzVy/235c716fdd.png) is what beta 4 looks like. You can zoom out, but you have to do it on each pageload.

Thank you for clarifying what I was trying to say. The screenshots you posted are exactly what I was seeing.

Tested on a fresh install - removing the 90% forum width solves the issue, but also removes the padding on bigger screens that people may wish to keep.

Where is this 90% forum width setting? I'd like to see what you mean?

This MOD is great and i'm using it. So, i've a question: How do i get the "full site" on the mobile devices? Because, some users want to get the forum traditional theme and in the Firefox (Android) the option "Request as Destkop" is not working.
in a responsive design, there is no such option....

There is no option for viewing in full desktop mode, and there will never be such an option??
Title: Re: Responsive Curve
Post by: Burke ♞ Knight on May 25, 2015, 03:06:39 PM
in a responsive design, there is no such option....

Kindred is correct. Responsive design when viewed on mobile devices, is already "desktop mode."
Just try viewing the same site without the responsive mod, and all can see that.

What most people do not realize, desktop mode is the real site as you'd see it on your PC. Normal non-desktop mode, would be seeing the forum in WAP mode. That is why devices have desktop mode selection, to get you out of the wireless mode of a site, to the full site, which if the site is responsive, it already is. That means the device's desktop mode CAN'T be used, and is not "not working". It IS working, and as it is designed to.

You can't "desktop mode" what is already showing as desktop mode, now can you? ;)
Title: Re: Responsive Curve
Post by: Kindred on May 25, 2015, 04:12:27 PM
correct. a responsive design is exactly that. it is RESPONSIVE to the size of your browser/device....  there is no "desktop" versus "mobile" VERSION... it is the same version, compressed downward based on the available space and allowing people to bypass this would break the responsiveness and thus is not part of the design.

There is a difference between mobile-only/desktop-only and responsive.... and the web is moving toward RESPONSIVE as the standard, not platform specific.
Title: Re: Responsive Curve
Post by: permutations on May 25, 2015, 04:13:03 PM
Responsive design when viewed on mobile devices, is already "desktop mode."
Just try viewing the same site without the responsive mod, and all can see that.

What most people do not realize, desktop mode is the real site as you'd see it on your PC. Normal non-desktop mode, would be seeing the forum in WAP mode. That is why devices have desktop mode selection, to get you out of the wireless mode of a site, to the full site, which if the site is responsive, it already is. That means the device's desktop mode CAN'T be used, and is not "not working". It IS working, and as it is designed to.

You can't "desktop mode" what is already showing as desktop mode, now can you? ;)

Until your post, I hadn't heard of responsive design. I thought all sites coded for mobile devices used a separate site, m.whatever.com. If I'd thought about it when I tested the mod on my phone, I'd have realized something different was going on here. Obviously the mod didn't create a subdomain on my site, and my desktop screen looked the same. I just did some reading on responsive design, and that's definitely the way to do it. I'm updating my Web site (to use SMF 2.0), and I'm going to see if I can implement this throughout.

Title: Re: Responsive Curve
Post by: Dav999 on May 25, 2015, 05:25:13 PM
Tested on a fresh install - removing the 90% forum width solves the issue, but also removes the padding on bigger screens that people may wish to keep.

Where is this 90% forum width setting? I'd like to see what you mean?
Admin > Configuration > Current Theme > Forum width
Title: Re: Responsive Curve
Post by: roshaoar on May 26, 2015, 02:03:34 AM
First of all, You may not be aware that this Google algorithm change only affects Google results on a mobile device, and there's no change in any position on the non-mobile SERPS. No danger of losing all Google visibility.

Google doesn't fully disclose its ranking algorithm. It's not certain that lack of mobile support would affect only the ranking on mobile devices.


Hi, see this statement, by Google (http://googlewebmastercentral.blogspot.co.uk/2015/04/rolling-out-mobile-friendly-update.html). This isn't one of those mystery 'under the hood' algorithm changes.
Title: Re: Responsive Curve
Post by: mossite on May 27, 2015, 04:18:14 PM
i tried to install this theme and got this in the picture. who can help please
Title: Re: Responsive Curve
Post by: Kindred on May 27, 2015, 05:48:30 PM
Read the FAQ on what errors during a mod install mean...

However, there is a good chance that whatever mod you have already installed will break repsknsively layouts anyway.
Title: Re: Responsive Curve
Post by: mossite on May 28, 2015, 04:29:39 AM
i will need someone to do this for me
Title: Responsive Menu
Post by: Dan_ on June 01, 2015, 12:52:27 PM
Thanks for the 2.0.10 update, and all your help.

Can the icons be changed?  I ask because when I re-size down there is no text beside the icons to explain what they are for. 

The menu items just go straight from text to Icons.   I have several and many just display a question mark Icon.

I am not sure if this is the intended behavior.  I understand 2.1 has text beside the icons when you restore the browser window down.

A link to my heavily modded forum if you would like to see the icons: http://www.eaglersnest.com/forum/index.php?action=forum (http://www.eaglersnest.com/forum/index.php?action=forum)

Thanks again for all you do.
Title: Re: Responsive Curve
Post by: Dan_ on June 01, 2015, 01:40:56 PM
i tried to install this theme and got this in the picture. who can help please

I got the same picture.  I hit install anyway.  The site was ok at full screen but was not good small.  The fixes for me were to take the 90% size out  of the forum width setting and leave that setting blank, then replace my google ads with their new responsive ones...

The forum width setting is found by clicking: Admin-Themes and layout-Theme Settings-SMF Default Theme - Curve (2.0).  The last click is in one the actual headings on that page.

Hope this helps.
Title: Re: Responsive Menu
Post by: Kindred on June 01, 2015, 02:34:38 PM
Thanks for the 2.0.10 update, and all your help.

Can the icons be changed?  I ask because when I re-size down there is no text beside the icons to explain what they are for. 

The menu items just go straight from text to Icons.   I have several and many just display a question mark Icon.

that is correct (and, quite honestly, I think the 2.1 method is incorrect)

As for the icons -- yup - you can change them - look at your site in firefox+firebug (reduce the window size to trigger the icons) and see the CSS entry for each.
You probably have the (?) icon because you have mods that add to your main menu and have not defined icons for those mods... (see the css entries in index.css and see the css class/id defined on your page for the mod menu items -- then create entries for each mod menu item in the css file)
Title: Re: Responsive Curve
Post by: Dan_ on June 01, 2015, 03:01:46 PM
Thanks for the 2.0.10 update, and all your help.

You probably have the (?) icon because you have mods that add to your main menu and have not defined icons for those mods... (see the css entries in index.css and see the css class/id defined on your page for the mod menu items -- then create entries for each mod menu item in the css file)

Bingo!  Thanks for all your hard work...
Title: Re: Responsive Curve
Post by: hitsme on June 01, 2015, 04:05:17 PM
i tried to install this theme and got this in the picture. who can help please
The fixes for me were to take the 90% size out  of the forum width setting and leave that setting blank,

Rather

Pass, I stayed with V3
Title: Re: Responsive Curve
Post by: Dan_ on June 01, 2015, 07:14:50 PM
Thanks for the 2.0.10 update, and all your help.

You probably have the (?) icon because you have mods that add to your main menu and have not defined icons for those mods... (see the css entries in index.css and see the css class/id defined on your page for the mod menu items -- then create entries for each mod menu item in the css file)

I am unable to follow your instructions...  They are too abstract for my level of coding experience.  I need instructions that include the file names and locations.   Fire bug didn't seem to be any help and index.css does not seem to contain anything I can change.

A mod to take care of this would be great!

Thanks.

Title: Re: Responsive Curve
Post by: Kindred on June 01, 2015, 08:08:55 PM
my mistake...  responsive.css

Code: [Select]
.responsive_menu {
    background: rgba(0, 0, 0, 0) url("../images/responsive_menu.png") no-repeat scroll -5px -5px;
    display: inline-block;
    height: 16px;
    width: 16px;
}

and then each one
Code: [Select]

.responsive_menu.mlist {
    background-position: -57px -57px;
}

However I do suggest that you learn how to use firebug since it is an invaluable tool for a webmaster


finally...  please stop writing in large text?   
Title: Re: Responsive Curve
Post by: Dan_ on June 02, 2015, 12:16:27 PM
I do thank you for your time.
I used firebug as you asked. Put an entry for .googlemap into responsive.css and expected to see 2 houses, if the pair of numbers in the entry is what makes the assignment.
Attachments...

Again, thanks.

Edit:

Progress! I had failed to save the file in file manager...  new snip below.   Also I edited the responsive_menu.jpg and put the globe in.  Now several globes...

Is there a method to the number pair madness?  The whole responsive_menu.jpg seems to be 104X104

Thanks.
Title: Re: Responsive Curve
Post by: Kindred on June 02, 2015, 01:04:58 PM
yes, it's called a sprite...  one image with the PART of the image to be displayed defined by CSS.
(load one 16x16 portion -- in this case, the portion which is 57px down, 57px across)

this means that the image itself only has to load ONCE and then any PART of it can be used without reloading the image...

you can add images into the sprite...  but make sure you add them in the correct location(s)
or you can use individual images instead of the sprite.

http://www.w3schools.com/css/css_image_sprites.asp
Title: Re: Responsive Curve
Post by: Antes on June 02, 2015, 01:42:19 PM
no no no you don't have to replace, update the sprite just use the same format like

Code: [Select]
.responsive_menu.myaction {
background: url(../images/myaction.png/jpg) no-repeat;
}
Title: Re: Responsive Curve
Post by: Kindred on June 02, 2015, 01:44:03 PM
or you can add images into the sprite -- as I described... I prefer to do that myself and have done it for 3 sites...
Title: Re: Responsive Curve
Post by: Antes on June 02, 2015, 01:56:21 PM
or you can add images into the sprite -- as I described... I prefer to do that myself and have done it for 3 sites...

I'll find the sprite code and write how-to about it. There is a much more easier way actually. :)
Title: Re: Responsive Curve
Post by: Dan_ on June 02, 2015, 03:31:20 PM
I'll find the sprite code and write how-to about it. There is a much more easier way actually. :)

Icons all sorted via the sprite.  It would certainly be less brain strain for me to do it Ante's way.  But I was most the way through doing it Kindred's way.

The value in Kindred's way is the sprite loads with one server hit and you show the Icon you want...

Thanks everyone,  I am spent but very grateful for your attention to this.  And your patience with me.  You have taken one more brick out of the wall for me.

One last attachment...
Title: Re: Responsive Curve
Post by: Lazybones on June 03, 2015, 09:32:38 PM
Comments on beta 4.

- Some of my users don't like the fact that there is no time stamp visible for posts on mobile devices.
- On my iPhone at least the view port defaults to zoomed in instead of edge to edge. This seems a bit strange vs some mobile optimized sites.
- I have no idea what most of those little icon mean... I had to go back to the desktop version to figure it out.
Title: Re: Responsive Curve
Post by: Dan_ on June 04, 2015, 02:04:37 PM
Comments on beta 4.

- Some of my users don't like the fact that there is no time stamp visible for posts on mobile devices.
- On my iPhone at least the view port defaults to zoomed in instead of edge to edge. This seems a bit strange vs some mobile optimized sites.
- I have no idea what most of those little icon mean... I had to go back to the desktop version to figure it out.

I am losing the time and date when restoring down to even a little more that tablet size.

Also, the newest member text is not responding at all.  It overlays on top of itself.

Edit:
Newest member text looks fine on cell phone... in Landscape still jambs in Portrait orientation.  It is jamming whenever restore down the desktop browser to near tablet size.  (Chrome) 

FireFox seems to be choking on Java or flash, so have abandoned it.
Title: Re: Responsive Curve
Post by: Dan_ on June 04, 2015, 03:20:50 PM

I am losing the time and date when restoring down to even a little more that tablet size.

Edit:
Newest member text looks fine on cell phone... in Landscape still jambs in Portrait orientation.  It is jamming whenever restore down the desktop browser to near tablet size.  (Chrome) 


screen capture attached.
Title: Re: Responsive Curve
Post by: Antes on June 09, 2015, 01:13:45 PM
@Dan_

Since that part is block (not divided with span etc element, nothing we can do actually, best is to hide it).
Title: Re: Responsive Curve
Post by: Dan_ on June 09, 2015, 07:28:05 PM
@Dan_

Since that part is block (not divided with span etc element, nothing we can do actually, best is to hide it).


Thanks for your attention and reply.


Firebug says it is a table in a div.  A one row table I suppose.

<table id="sp_main">
   <tbody>
      <tr>
         <td id="sp_center">
            <div id="index_common_stats">
                  Members: 659  •  Posts: 4655  •  Topics: 769 Please welcome
            <strong>
               <a href="http://www.eaglersnest.com/forum/index.php?action=profile;u=895 (http://www.eaglersnest.com/forum/index.php?action=profile;u=895)">Racer46</a>
            </strong>
            , our newest member.
         <>


A google search (https://www.google.com/search?q=table+to+css&ie=utf-8&oe=utf-8#q=how+to+make+a+one+row+table+responsive+with+css) makes it appear doable, I just am unable.
Title: Re: Responsive Curve
Post by: Kindred on June 09, 2015, 07:47:17 PM
You can't put a div inside a table... That is improper coding.
Title: Re: Responsive Curve
Post by: Dan_ on June 09, 2015, 08:08:19 PM
You can't put a div inside a table... That is improper coding.


I though I was seeing a table inside a div, so that is what I said.  Do you mean div inside a table?


The code below was pasted straight from firebug so it is what is in my index.css file.
Title: Re: Responsive Curve
Post by: Kindred on June 09, 2015, 08:20:04 PM
For some reason, yes, there appears to be a div inside the table/td
That is not valid HTML...     You can put a table inside a div, but it should never go the other way around.
Title: Re: Responsive Curve
Post by: Realinfo on June 10, 2015, 12:09:04 AM
Forum Is OK but simple portal not seems OK In this mod, anyway to disable portal for small devices also guide to remove some menu buttons for small devices, thanks
Title: Re: Responsive Curve
Post by: Antes on June 10, 2015, 02:44:07 AM
Forum Is OK but simple portal not seems OK In this mod, anyway to disable portal for small devices also guide to remove some menu buttons for small devices, thanks

http://www.simplemachines.org/community/index.php?topic=535718.msg3810221#msg3810221 - not the best solution (it hides left block) but still better than nothing, reason I hide the left block is you can't float it, so it'll show at top, if you are okay with that you can, add #sp_left to same line (with comma) with sp_center / sp_right.
Title: Re: Responsive Curve
Post by: Realinfo on June 10, 2015, 03:23:32 AM
Thanks Antes , also guide about menu buttons, as too many questions marks appears, I want to make five six menu buttons for small devices instead of all menu buttons which appears in desktop,
Title: Re: Responsive Curve
Post by: Antes on June 10, 2015, 03:30:40 AM
Thanks Antes , also guide about menu buttons, as too many questions marks appears, I want to make five six menu buttons for small devices instead of all menu buttons which appears in desktop,

I know I'm truly truly sorry for my slacking behind my to-do list mainly because I can't start my holiday (I'm currently in bus traveling back to university for some papers :(), I'll write a guide about how-to update/add new images to existing sprite.

You can hide specific menu button with its ID (all of them has unique one).

Thank you for all your understanding.
Title: Re: Responsive Curve
Post by: Kindred on June 10, 2015, 06:45:30 AM
Realinfo'

you do realie that this is the second question you have asked which was already answered in this very thread?  Please READ the thread...


responsive.css

Code: [Select]
.responsive_menu {
    background: rgba(0, 0, 0, 0) url("../images/responsive_menu.png") no-repeat scroll -5px -5px;
    display: inline-block;
    height: 16px;
    width: 16px;
}

and then each one
Code: [Select]

.responsive_menu.mlist {
    background-position: -57px -57px;
}


no no no you don't have to replace, update the sprite just use the same format like

Code: [Select]
.responsive_menu.myaction {
background: url(../images/myaction.png/jpg) no-repeat;
}
Title: Re: Responsive Curve
Post by: Realinfo on June 10, 2015, 07:26:29 AM
Sir

I have custom buttons

and buttons due to some other MODS


I want to remove thoese buttons from small devices and want to keep in desktop (big devices)


please guide that
Title: Re: Responsive Curve
Post by: Kindred on June 10, 2015, 08:51:49 AM
As already stated, again, a number of times, this was designed for the CURVE theme ONLY.

modifying any other theme to use the responsive techniques will have to be taken up with the author(s) of those theme(s)

modifying other mods to use responsive designs will have to be taken up with the author(s) of those mod(s)
(However, the comments I made, just above, specifically address your question regarding the button icons - and once again prove that you are not even bothering to READ the rest of this thread)

(and yes, we've already discussed the fact that simplePortal (and the other portals as well) will NOT fully "validate" under google's new tests even with this update.)


Oh yes...  and finally --- As you have been told, several times before - we do not provide support to sites who have removed the SMF copyright. By doing so, you are essentially stating that you do not need to recognize SMF, and you do not need SMF's assistance.
additionally, you seem to have removed the simplePortal copyright...   I am not certain if that is even legal.

Title: Re: Responsive Curve
Post by: Dan_ on June 10, 2015, 01:01:50 PM
Forum Is OK but simple portal not seems OK In this mod, anyway to disable portal for small devices also guide to remove some menu buttons for small devices, thanks


I updated Simple Portal to 2.3.6, also changed the width from 200 pixels to 15%.  I don't see anything kicking out on the Google test regarding SP and our forum, nor do I believe the jammed text is affected by SP.


Thanks.
Title: Re: Responsive Curve
Post by: Bloc on June 10, 2015, 06:18:26 PM
For some reason, yes, there appears to be a div inside the table/td
That is not valid HTML...     You can put a table inside a div, but it should never go the other way around.

This is wrong - it is indeed valid HTML to use a div inside a td according to W3C.

It does however imply you use a table for layout, which of course is not optimal.
Title: Re: Responsive Curve
Post by: Kindred on June 10, 2015, 06:34:25 PM
W3C should be taken with a grain of salt...
Title: Re: Responsive Curve
Post by: Bloc on June 10, 2015, 07:55:45 PM
W3C should be taken with a grain of salt...
Yeah..but its even in SMF's bottom links lol.

Anyways, since all modern browsers support display: table; now, its really not any point in abusing the table tag this way. And CSS3 have all kinds of new exciting stuff(though not all fully sppported) for layouts.
Title: Re: Responsive Curve
Post by: Antes on June 10, 2015, 08:02:35 PM
W3C should be taken with a grain of salt...

0.o

W3C should be taken with a grain of salt...
Yeah..but its even in SMF's bottom links lol.

Anyways, since all modern browsers support display: table; now, its really not any point in abusing the table tag this way. And CSS3 have all kinds of new exciting stuff(though not all fully sppported) for layouts.

lol :P all those exciting stuff probably fit into SMF 3.0 :)
Title: Re: Responsive Curve
Post by: Realinfo on June 11, 2015, 04:18:17 AM
Yes, block settings set to be in percentage works great, if we just use left and right blocks only with 50 percent to each then it works great only only issues of too many buttons
Title: Re: Responsive Curve
Post by: Antes on June 11, 2015, 07:57:33 AM
Version 1.0 Beta 5 - June 11 2015
! Resolution range decreased to 720px (it was 780px), this will fix iPad users' too much responsive problem.
! Resolution range decreased to 240px (it was 300px), this will allow much wider range of old devices to navigate forum without problem
! Small margin changes on main_menu (dropmenu) for small devices (240px-640px)
! index_common_stats now hidden due to template styling (for small devices)
! Improvements for iPhone 4 (+earlier) users (now they can see menu if they can't before)
! Keyinfo now back but not fully, posts now showing time_stamp (as requested)
! A dirty fix added for Simple Portal (don't get your hopes up, can be removed before stable release)
! Problem with size on wrapper element fixed (fingers crossed :P)
Title: Re: Responsive Curve
Post by: Dan_ on June 11, 2015, 12:20:34 PM
Very good.  So very good.


Thank you all very much for your hard work.
Title: Re: Responsive Curve
Post by: Bloc on June 11, 2015, 12:50:33 PM
Version 1.0 Beta 5 - June 11 2015
! Resolution range decreased to 720px (it was 780px), this will fix iPad users' too much responsive problem.
! Resolution range decreased to 240px (it was 300px), this will allow much wider range of old devices to navigate forum without problem
! Small margin changes on main_menu (dropmenu) for small devices (240px-640px)
! index_common_stats now hidden due to template styling (for small devices)
! Improvements for iPhone 4 (+earlier) users (now they can see menu if they can't before)
! Keyinfo now back but not fully, posts now showing time_stamp (as requested)
! A dirty fix added for Simple Portal (don't get your hopes up, can be removed before stable release)
! Problem with size on wrapper element fixed (fingers crossed :P)

Do you consider using the dpi resolution in media queries as well?   
Title: Re: Responsive Curve
Post by: Dragon41673 on June 11, 2015, 10:56:02 PM
Just tried installing this new Beta 5...and I got a LOT of install failures (picture attached). Any idea what's going on?
Title: Re: Responsive Curve
Post by: Kindred on June 11, 2015, 11:42:48 PM
Did you uninstall beta4 first..
Title: Re: Responsive Curve
Post by: Dragon41673 on June 12, 2015, 06:57:00 AM
Smacks head like a moron...no. Thanks
Title: Re: Responsive Curve
Post by: njtweb on June 12, 2015, 11:51:28 AM
Works great, just uninstalled v4 and replaced with the new version. Thanks for your great work!
Title: Re: Responsive Curve
Post by: smartmouse on July 02, 2015, 05:55:22 AM
Hello, i'm trying to apply this mod to my forum but i get some errors related to my theme that i could manually fix, except the following ones related to Core theme:

It fails test for index.template.php, Memberlist.template.php and Message.template.php files. For example this modification looks for the following code in /core/index.template.php:

Code: [Select]
<a class="', $button['active_button'] ? 'active ' : '', 'firstlevel" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
It will replace it with this code:

Code: [Select]
<a class="', $button['active_button'] ? 'active ' : '', 'firstlevel" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
<span class="responsive_menu ', $act, '"></span>

But i can't find this row! It seems to be different at all! And the same happens for the other two files.
Here is my index.template.php (core)
http://pastebin.com/WumZVSiV

I tried to search for the same rows from fresh install of SMF and i cannot find them anyway. It is strange... what's wrong at it?


EDIT: the files are different at all because those searched rows are in Default theme path, not Core!
It should search for /Themes/default/, right? Why is searching for /Themes/core/?
Title: Re: Responsive Curve
Post by: Antes on July 02, 2015, 05:56:09 AM
You can find following code and add <span class="responsive_menu ', $act, '"></span> after it to new line.

Code: [Select]
<span>', ($button['active_button'] ? '<em>' : ''), $button['title'], ($button['active_button'] ? '</em>' : ''), '</span>
Note that I/we didn't look at core theme while creating this mod, so don't expect work (fixes) on the theme. This mod created for Curve theme (default).
Title: Re: Responsive Curve
Post by: smartmouse on July 02, 2015, 06:12:43 AM
Before this, can you tell me the difference between default and core theme?
Can i remove core theme and keep the default one?
Is the default theme the Curve theme?
Title: Re: Responsive Curve
Post by: smartmouse on July 03, 2015, 07:24:41 AM
I installed Beta5 and now i would uninstall it... but there is not button to do it in my package list.
My SMF version is 2.0.10, i tried to see in the package-info.xml file of Beta5 package and all seems to be ok:

Code: [Select]
<uninstall for="2.0 - 2.0.99">
<modification type="file" reverse="true">install.xml</modification>
<remove-file name="$boarddir/Themes/default/css/responsive.css" />
<remove-file name="$boarddir/Themes/default/images/responsive_menu.png" />
</uninstall>

So why the Unistall button isn't shown? How to remove it?
Title: Re: Responsive Curve
Post by: Antes on July 03, 2015, 07:29:15 AM
because this mod is done for default theme of SMF 2.0
Title: Re: Responsive Curve
Post by: smartmouse on July 03, 2015, 08:04:37 AM
because this mod is done for default theme of SMF 2.0

So, what can i do now to see "Uninstall" button near the package name?
Title: Re: Responsive Curve
Post by: margarett on July 03, 2015, 09:44:13 AM
Did you set any version for emulation? (for other package, maybe?)
Title: Re: Responsive Curve
Post by: smartmouse on July 03, 2015, 10:02:04 AM
Did you set any version for emulation? (for other package, maybe?)
No, anyway i check it now and it is 2.0.10. It is very strange...
Title: Re: Responsive Curve
Post by: smartmouse on July 04, 2015, 11:02:09 AM
Solved! I forgot to remove Beta3 before installing Beta5!
Title: Re: Responsive Curve
Post by: Kindred on July 04, 2015, 10:26:01 PM
Just as a note... even with this mod, the core theme will likely NEVER be even close to responsive...
Title: Re: Responsive Curve
Post by: smartmouse on July 05, 2015, 09:48:40 AM
Just as a note... even with this mod, the core theme will likely NEVER be even close to responsive...
No problem, i deleted it.
Title: Re: Responsive Curve
Post by: Antes on July 08, 2015, 05:18:25 PM
New! You can read tips written for responsive mod here (http://www.simplemachines.org/community/index.php?topic=538009.0)
Title: Re: Responsive Curve
Post by: vkot on August 12, 2015, 08:20:19 AM
If you are looking for a quick fix for Simple Portal (that's gonna cost your left-side). If you don't hide sp_left left side of the portal will show upside (not the wanted thing trust me :P).

Open your responsive.css
Code: (Find) [Select]
@media screen and (max-width: 780px) {
body
{
padding: 0 !important;
}
Code: (Replace) [Select]
@media screen and (max-width: 780px) {
/* SP Dirty Fix */
#sp_left
{
display: none;
}
#sp_center, #sp_right
{
width: 100%;
display: block;
}
body
{
padding: 0 !important;
}

I have some time before sleep I'll work on next beta, I'll fix the issues mentioned in here (forgive me if I skip anything) :)

Do you have anything similar for Tiny Portal? I would like to hide all the blocks (or selectively, if possible) on mobile screens.
Title: Re: Responsive Curve
Post by: vkot on August 12, 2015, 08:22:22 AM
EDIT: I've added additional 'hidden' classes to clean up the layout a bit. So far I'm really like'n it!

Can you give some hints on how to achieve this? I love the way the components get relocated or disappear as the screen/window gets smaller, I want to do it too...
Title: Re: Responsive Curve
Post by: Bloc on August 12, 2015, 08:28:39 AM
If you are looking for a quick fix for Simple Portal (that's gonna cost your left-side). If you don't hide sp_left left side of the portal will show upside (not the wanted thing trust me :P).

Open your responsive.css
Code: (Find) [Select]
@media screen and (max-width: 780px) {
body
{
padding: 0 !important;
}
Code: (Replace) [Select]
@media screen and (max-width: 780px) {
/* SP Dirty Fix */
#sp_left
{
display: none;
}
#sp_center, #sp_right
{
width: 100%;
display: block;
}
body
{
padding: 0 !important;
}

I have some time before sleep I'll work on next beta, I'll fix the issues mentioned in here (forgive me if I skip anything) :)

Do you have anything similar for Tiny Portal? I would like to hide all the blocks (or selectively, if possible) on mobile screens.
Which TinyPortal version do you have?
Title: Re: Responsive Curve
Post by: Antes on August 12, 2015, 08:31:09 AM
Well if you want to hide the left/right blocks. You need to paste the code into tp-style.css.

Code: [Select]
@media screen and (max-width: 720px) {
#tpleftbarContainer, #tprightbarContainer
{
display: none;
}
}

Edit: Code update.
Edit2: That snip I posted before about SP is bit old, better one included inside the pack FYI.
Title: Re: Responsive Curve
Post by: vkot on August 12, 2015, 03:12:33 PM
Nice one Antes! It works when resizing the window of my browser on my PC.
But it doesn't work on my android phone (I tested with 2 browsers). Can you modify it?

My Tiny Portal version is 1.107
Title: Re: Responsive Curve
Post by: Antes on August 12, 2015, 03:23:33 PM
Weird, Responsive.css does not kick-in with TP loaded. Maybe worth asking author of TP or just copy whole content of responisive.css into tp-style.css (also works).
Title: Re: Responsive Curve
Post by: vkot on August 12, 2015, 03:49:39 PM
True, there's something strange happening with TP. I copied responsive.css to tp-style.css but still, it doesn't work on my phone, my forum has desktop appearance, with all the TP blocks. At least, my forum is behaving in a similar way as BigMike's forum when I resize the browser window. It was not like this before, when I asked him:

EDIT: I've added additional 'hidden' classes to clean up the layout a bit. So far I'm really like'n it!

Can you give some hints on how to achieve this? I love the way the components get relocated or disappear as the screen/window gets smaller, I want to do it too...
Title: Re: Responsive Curve
Post by: Illori on August 14, 2015, 06:21:15 AM
are you talking about the forum in your profile? i am not seeing the responsive theme loading at all when i view it on my phone. maybe that is part of the problem?

i tested the css that was given on the prior page, it does seem to hide the side bars just fine.
Title: Re: Responsive Curve
Post by: vkot on August 17, 2015, 02:31:07 AM
Yes Illori, that's the one. I cannot imagine why the responsive theme is not loading when I access from phone.
Title: Re: Responsive Curve
Post by: Illori on August 17, 2015, 05:50:52 AM
Yes Illori, that's the one. I cannot imagine why the responsive theme is not loading when I access from phone.

the responsive css is not being called at all. check the page source.
Title: Re: Responsive Curve
Post by: vkot on August 17, 2015, 07:06:53 AM
Oops! the mod did not make the necessary changes to the SMF files. Sorry  :-[
I made all the changes manually.
But nothing changed in the behaviour when I access from desktop and mobile, as I described before. In my mobile browser I checked the page source and it seems OK (with the <meta name="viewport" content="width=device-width, initial-scale=1" /> etc.), and I have Antes' code in tp-style.css, but still I see all TP blocks and the full desktop SMF version.
Title: Re: Responsive Curve
Post by: @rjen on August 27, 2015, 11:57:07 AM
I like the MOD a lot, even though some of my users did not.
I ended up creating an extra theme for Mobile use with this mod, while leaving the standard Theme alone.

Just a note for a future version:
The images in my forum would lose proportions in the small layout. This can be easily fixed in de responsive.css file bij adding two lines in the code:

Quote
   .bbc_img {
      height: auto;
       width: auto;

      max-width: 100%;
      max-height: 100%;
   }
Title: Re: Responsive Curve
Post by: swaggaderby on August 30, 2015, 03:27:44 PM
please does this mod change to mobile theme or it just makes the theme responsive?
Title: Re: Responsive Curve
Post by: Kindred on August 30, 2015, 03:40:54 PM
As the title and the description states...   it makes the Curve theme (which is the default theme in 2.0.x) be somewhat responsive (enough to pass google's tests)
Title: Re: Responsive Curve
Post by: dpalenski on September 12, 2015, 04:39:59 AM
We've been getting members seeing this when they go into the site

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fs10.postimg.org%2F3x68z5ubp%2Fimage.jpg&hash=6c7768e2b6697a307003aa6266619ef2)

When they clear their browser data it's seems fix this what do you guys think the cause is 
Title: Re: Responsive Curve
Post by: stmaxx on September 12, 2015, 09:11:10 AM
I think you will need to state, if you are using a portal and or other mods, that may cause this, most portals do not close the side panels when viewed by a mobile device, and or is you shrink the browser width.

 If this is the case , it not a problem of or from the SMF responsive mods.

Please give more details!

regards,
Maxx
Title: Re: Responsive Curve
Post by: dpalenski on September 12, 2015, 08:43:59 PM
We don't have any portal mods and it's only happening on some devices and clearing browser cache seems to fix it. One theory seems to be some files not loading on those devices and properly most likely but I was interested in what people on SMF thought.     
Title: Re: Responsive Curve
Post by: Deprecated on October 10, 2015, 09:22:41 PM
I still don't get it. Responsive to what? I installed it and I can't see any difference. (Beta 4, SMF 2.0.10, non-production forum)

"Responsive enough to satisfy Google." Uh... Huh?

Yeah I understand it's mostly CSS. Plenty of theme mods are mostly CSS.

But what does it do? Maybe you could tell us what it responds to. Then if you are ambitious, when responding to .... what is its response? What does it change?
Title: Re: Responsive Curve
Post by: margarett on October 10, 2015, 09:32:25 PM
Try to resize your browser until the width is small enough. You'll see that some content becomes hidden.

The idea is to have less content in smaller screens.
Title: Re: Responsive Curve
Post by: Kindred on October 11, 2015, 07:41:53 AM
"responsive" is the term used to describe themes or site designs which RESPOND to the available screen size by changing the display based on screen size -- this can involve limiting content, changing some text to icons and/or moving content around. Almost all (if not all) responsive activity is handled  by CSS (sometimes javascript is involved)

So -- google has begun penalizing sites who do not have (what they consider) "mobile friendly" designs
this mod updates the curve/default theme to a point where it is somewhat responsive and will pass google's tests and thus, avoid penalty.

the 2.1 default theme is fully responsive.
Title: Re: Responsive Curve
Post by: Deprecated on October 11, 2015, 10:48:41 PM
Jeez, thank you so much margarett and Kindred. After 12 pages of ... you finally nailed the description of what the heck it is! NOW I understand, I get it! :D

Just one final question, will this be included in any SMF 2.0.* versions or will it only be in SMF 2.1? Or in other words, should I install it in any and all 2.0 versions? I mean any and all that meet the version requirements stated on the mod site? I have only one true production site but I figure might as well keep the test sites up to date anyway...

BTW I have one 2.1 test site and I love the work your dev crew has been doing! And no, I'm not gonna ask when it will be released! ;)
Title: Re: Responsive Curve
Post by: Kindred on October 12, 2015, 01:51:09 AM
1- this mod only realy affects curve and curve variants. it would have iimited, if any, effect on any other theme...

2- this mod is only for 2.0.x - 2.1 has responsiveness already built in

3- if your site is not viewed by mobile devices and/or not viewed by google, this mod would not really matter...

as a note...   we should not have had to nail "what it is" --  responsive is a standard term for what I described in my previous post... :P
Title: Re: Responsive Curve
Post by: margarett on October 12, 2015, 06:40:43 AM
It will remain as an official MOD and not included in the core software. It is known to cause issues with MODs which somehow affect the layout and are not prepared for responsive behavior (portals and Ads come to my mind)
Title: Re: Responsive Curve
Post by: Antes on October 12, 2015, 09:58:03 AM
We already included dirty fix for SP inside the latest beta, ezPortal's new version is gonna be fully responsive. TP is also responsive(?). So that'll cover 90% (or maybe more) sites using portal.

For Ads, you can max-width 100% to ad-images. For Google ads you need to use "responsive ads" otherwise you have to use ads which fits the small screens as well. For other ad servers (Adsense alike) if they are not offering responsive ad options you need to step back or get used to the overflowing. Nearly all ad networks disallows you to resize the ads due to abuse.
Title: Re: Responsive Curve
Post by: Illori on October 12, 2015, 11:40:40 AM
TP is also responsive(?)

nope it is not. but they would welcome changes to move in that direction.
Title: Re: Responsive Curve
Post by: Antes on October 12, 2015, 11:57:27 AM
TP is also responsive(?)

nope it is not. but they would welcome changes to move in that direction.

my bad I thought they added stuff in 1.1 release.
Title: Re: Responsive Curve
Post by: Deprecated on October 12, 2015, 01:49:58 PM
I am running the standard Curve default theme. No custom theme. Actually I looked at my one production site (an open source project) on my iPad and it looked fine. I had thought that was what all SMF forums looked like. Now I know it's because of the Responsive mod I added. I don't even know why I added the mod. I guess I added it, didn't notice any change, forgot about it. I'll leave it.

I apologize for not understanding the term "responsive." While I'm at it, I am sorry for not understanding everything I don't understand, and I'm sorry if my lack of understanding has offended anybody.

At least thanks to Kindred I now know what "responsive" means.
Title: Re: Responsive Curve
Post by: KungFuJoe on October 15, 2015, 05:52:35 PM
Is anyone else having an issue with pics being "squeezed" in portrait mode?  Using beta5 of this mod on SMF 2.0.11.  I also have an image auto resize mod installed.
Title: Re: Responsive Curve
Post by: Antes on October 15, 2015, 05:56:00 PM
Is anyone else having an issue with pics being "squeezed" in portrait mode?  Using beta5 of this mod on SMF 2.0.11.  I also have an image auto resize mod installed.

Its not an issue but a feature its max-sizing the images to 100% of the width (inner calculated).
Title: Re: Responsive Curve
Post by: Petter B on November 14, 2015, 12:31:54 PM
Where can I see this in action? Why is this site not using the mod?
Title: Re: Responsive Curve
Post by: @rjen on November 14, 2015, 03:14:14 PM
Is anyone else having an issue with pics being "squeezed" in portrait mode?  Using beta5 of this mod on SMF 2.0.11.  I also have an image auto resize mod installed.

If you read the thread one page up, here is the solution...

I like the MOD a lot, even though some of my users did not.
I ended up creating an extra theme for Mobile use with this mod, while leaving the standard Theme alone.

Just a note for a future version:
The images in my forum would lose proportions in the small layout. This can be easily fixed in de responsive.css file bij adding two lines in the code:

Quote
   .bbc_img {
      height: auto;
       width: auto;

      max-width: 100%;
      max-height: 100%;
   }
Title: Re: Responsive Curve
Post by: Petter B on November 19, 2015, 11:26:50 AM
I am sorry if I ask this question in the wrong place  :-[

When I try to install this mod, I get 3 errors for the default theme, and 1 error for the custom theme I use, Alternativ. See picture.

Should I install it anyways and make manual find/replace of the errors?
Do I need to make the manual changes in both the default theme and my custom theme?
Title: Re: Responsive Curve
Post by: margarett on November 19, 2015, 12:28:19 PM
This MODification was developed for SMF's default theme only. You can install it in your custom theme but it's not guaranteed that it will work as expected.

Regarding the failed edits, you should *first* analyze those. If you are sure you can fix the edits yourself, then yes, you install the MOD with errors and then perform the manual fixes
Title: Re: Responsive Curve
Post by: Petter B on November 19, 2015, 01:09:26 PM
Thanks. Do I need to make the manual edits only in the custom theme that I use, or in the default as well?
Title: Re: Responsive Curve
Post by: margarett on November 19, 2015, 01:13:16 PM
You *must* do it in default theme. In your custom theme you have to do them if you decide to install the MOD in it.
Title: Re: Responsive Curve
Post by: Petter B on November 24, 2015, 10:50:08 AM
Thank you. I managed to do the changes manually. All looks good, except for the icon-menu that doesn´t show up. Any idea on why? Site is at http://dev.alternativ.nu
For me it would be OK to keep the default menu also.
Title: Re: Responsive Curve
Post by: Kindred on November 24, 2015, 10:53:39 AM
if you are not using the default theme, then you have to make sure that the responsive css file and any css changes to index.css -- as well as the icon image file  are copied into your custom theme.
As stated...  this mod ONLY installs the responsiveness into the default theme (Curve) -- even the "apply to other themes" option in the mod install does not fully add everything to the custom themes.
Title: Re: Responsive Curve
Post by: Petter B on November 24, 2015, 11:21:42 AM
OK. I did not understand that. I ran the mod-installation and completed with manual changes of the errors only. But when to add
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/responsive', $context['theme_variant'], '.css?fin20" />'; in my custom index.template.php I changed the url to the default theme url: $settings['default_theme_url']

Do you think this might be the reason to icon-menu not working (I have put the png in both images-folders)?


Another possible misbehavior is that when turning a phone from portrait to landscape, the text and everything just gets bigger instead of reflowing the text in same font-size. Works good when simulating an iPhone on responsive developer view on desktop, but not with a real phone...
Is this how the mod is supposed to work or is it something I have done wrong?

Title: Re: Responsive Curve
Post by: Kindred on November 24, 2015, 11:26:33 AM
yes... images never inherit from the default...

Honestly, I would put the code back to the original and copy the responsive css file into the custom theme as well



On the second issue...   I don't know.  I don't think I have ever seen that happen before...
Title: Re: Responsive Curve
Post by: Petter B on November 24, 2015, 11:46:02 AM
yes... images never inherit from the default...

Honestly, I would put the code back to the original and copy the responsive css file into the custom theme as well

You mean to uninstall the mod and revert all manual changes made in the default theme, back to original, and then manually put all changes of the responsive mod only into the custom theme?
 :P :'(


Quote
On the second issue...   I don't know.  I don't think I have ever seen that happen before...

At least I know something is wrong then...  ;D
Some of the text grows when I turn the phone, some remains the same.
Title: Re: Responsive Curve
Post by: Kindred on November 24, 2015, 11:48:15 AM
no... don't uninstall anything...   just change the manual edit to the custom theme to use the $settings['theme_url'] again instead of the default theme
Title: Re: Responsive Curve
Post by: Petter B on November 24, 2015, 12:00:47 PM
no... don't uninstall anything...   just change the manual edit to the custom theme to use the $settings['theme_url'] again instead of the default theme

Glad to hear  :D
Did as you said and all seems to work good - but the damn icon-menu still don´t show... :o
http://dev.alternativ.nu/index.php?action=forum
Title: Re: Responsive Curve
Post by: Petter B on November 24, 2015, 01:13:43 PM
Nevermind, I use the default menu all the time instead, looks better.
Now I just have to fix the font-size problem.
Thanks for all the help  :)
Title: Re: Responsive Curve
Post by: Petter B on November 25, 2015, 06:01:55 AM
I solved the font-size problem and maybe someone else would like to know:
This is common behavior on iPhones, google or see for example: https://www.sitepoint.com/community/t/iphone-landscape-view-blows-up-font-sizes/30010

I just added
Code: [Select]
body {-webkit-text-size-adjust: none;} within the first media queries in responsive.css, and that made it. No text-resizing and still able to zoom. Maybe this should be put in to the mod?
Title: Re: Responsive Curve
Post by: Petter B on November 25, 2015, 10:06:43 AM
I have done these changes on my dev-server. If I want to create a new theme like this on the live-server, leaving the default them untouched, is it just to copy the changed files from both default and custom theme on the dev-server into one new single folder for the custom theme on the live-server? And not change anything in the default theme folder?
Title: Re: Responsive Curve
Post by: vkot on November 29, 2015, 05:05:26 PM
Shouldn't the space for the member's name & profile info be hidden in very small screen dimensions?
In my forum there's a big almost unused space like an empty column on the left, and the post text goes out of the forum's right edge. See below.

If anyone wants to see what a modified theme looks like with this mod (version beta 3) looks like, then tap here: http://board.marlincrawler.com

EDIT: I've added additional 'hidden' classes to clean up the layout a bit. So far I'm really like'n it!

I would like to know these additions, your forum responds so nice to different screen dimensions...

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fs9.postimg.org%2F6470a4n0v%2Fkithara_responsive.png&hash=240d7130c3808164f9a7199e7f6912ed)
Title: Re: Responsive Curve
Post by: BigMike on November 30, 2015, 05:15:23 PM
I would like to know these additions, your forum responds so nice to different screen dimensions...
So, to be honest, it was a huge discussion on our forum but we finally just decided to say "screw you Google" and we went back to the full SMF desktop theme for all devices.

The handling of images was the biggest issue for our members. Any large image would load out side of the view port and with no possible means of zooming or scrolling, if left essentially all attachments and inline images unable to be viewed.

So as of a few months ago we dropped mobile support all together. Google search can suck it haha

BigMike

Index view
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi.imgur.com%2FPuH3ELD.png&hash=0e75bd3c77044e7564ae59cd22dd5e6e)

Thread view (of the thread discussing this issue :P)
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi.imgur.com%2FruHftaG.png&hash=13a69797571973359658379e77bc97ef)
Title: Re: Responsive Curve
Post by: NeedIt on December 22, 2015, 07:40:36 PM
I built a test forum to test out the Responsive Curve and see how it does with some ads and ad images on my site.  And that leads to my chicken and egg question:

--I only need the Ad Management mod and the Responsive Curve mod - just those two.  Which am I supposed to install first? 

I've got one more question:

--Do you have links that give guidelines for what kind of imagines and ads it will and will not work based on phone, etc?  (I have two medium sized Google banners and a Google square.  I'm assuming that it will shrink the banners to where they are useless.)
Title: Re: Responsive Curve
Post by: Kindred on December 22, 2015, 07:43:10 PM
The order should not matter... Regarding your second question however no we have no specifics on what adverts should be included or not because that is outside the function of this mod / feature. Responsive curve makes your basic site responsive, more or less. Mods such as an advert mod, portal mod, or any other man for that matter, may affect the responsiveness
Title: Re: Responsive Curve
Post by: margarett on December 22, 2015, 07:46:00 PM
It shouldn't matter which you'll install first ;)

Also you need to check Ad Management support topic. Last I remember it wasn't properly "responsive'ing" :P
Furthermore, as far as I remember, Google itself also doesn't like having its ads resized. In a test forum I worked recently we chose to hide the MODs (via CSS) in the mobile resolutions...

edit: Ninja'd
Title: Re: Responsive Curve
Post by: NeedIt on December 22, 2015, 08:52:41 PM
Thx guys. 

"And the plot thickens..."
Title: Re: Responsive Curve
Post by: unformatted on December 29, 2015, 06:26:01 AM
This mobile plugin works on SMF 2.0 RC3?
Title: Re: Responsive Curve
Post by: Illori on December 29, 2015, 07:26:37 AM
This mobile plugin works on SMF 2.0 RC3?
if you are using SMF 2.0 RC3 you should upgrade to 2.0.11 ASAP and not worry about this mod until that is done for security reasons.
Title: Re: Responsive Curve
Post by: forumfjott on January 19, 2016, 07:01:19 AM
This mobile plugin works on SMF 2.0 RC3?
if you are using SMF 2.0 RC3 you should upgrade to 2.0.11 ASAP and not worry about this mod until that is done for security reasons.

So, do you not recommend installing this mod in a productive forum? Any clues of when to expect a release?
Title: Re: Responsive Curve
Post by: Kindred on January 19, 2016, 07:41:40 AM
this mod works just fine in v2.0.11
in this case (as opposed to the actual software) beta is not an indicator that it should not be used in production.
Title: Re: Responsive Curve
Post by: forumfjott on January 22, 2016, 09:53:34 AM
installed it yesterday and it is such a nice feature! Very well done!!
Title: Re: Responsive Curve
Post by: harryhood on February 16, 2016, 08:21:50 AM
I'm looking for assistance with a problem I am running into on a install of the 51beta on a fresh 2.0.11 forum. When I make the responsive curve theme active none of the images/styles load and I receive the following messages in chrome:

Resource interpreted as Stylesheet but transferred with MIME type text/html: "forum.somedomain.com/Themes/responsive_curve_beta51/css/index.css?fin20".
index.php:1 Refused to execute script from '//forum.somedomain.com/Themes/responsive_curve_beta51/scripts/theme.js?fin20' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.


Any help would be appreciated.

thanks
Title: Re: Responsive Curve
Post by: margarett on February 16, 2016, 05:24:33 PM
If you uninstall the MOD, does it work again?
Does it work in other browsers?

You need to look at the Developer Tools. The "Network" tab should tell you what's being loaded. Can we have a link?
Title: Re: Responsive Curve
Post by: Realinfo on March 02, 2016, 01:58:32 AM
Want to hide header for small screen
Title: Re: Responsive Curve
Post by: Kindred on March 02, 2016, 06:50:43 AM
That's nice...   what makes you think that any answer to you has changed since you still have yet to display the SMF copyright on your site?
Title: Re: Responsive Curve
Post by: Deprecated on March 02, 2016, 12:23:23 PM
Maybe a complaint from SMF to his hosting company complaining about copyright infringement issues might get his attention.
Title: Re: Responsive Curve
Post by: Kindred on March 02, 2016, 12:28:27 PM
Oh...  it is LEGAL for him to remove it.   That's one thing that became allowed when we went to the BSD license.
The thing is -- this user, in particular, has been told numerous times that - while he is legally allowed to remove the copyright; by doing so, he is essentially stating that he doesn't need the help or support of the SMF community.... and therefore, we don't give it.   In general, we do not provide support to people who have removed the copyright - in specific, this user has exhausted any good will and patience we might have once had toward him (going so far as to try creating a sock-puppet account to get around having been noticed without the copyright)

Basically, it's simple...
If you don't need help from the community to run your forum - do what you want.
If you DO need or want help, leave the copyright in place.
Title: Re: Responsive Curve
Post by: Deprecated on March 02, 2016, 12:59:30 PM
Sounds perfectly reasonable to me. I wasn't aware of the license issues since I haven't read the license since my salad days at SMF.

Does SMF have any objection to leaving the notice but removing the hot links? And removing the SMF version info? Just leave the copyright and toss the rest overboard?

I myself would never remove the copyright notice text. I'm proud to be running the best open source forum software available on the Internet! Plus, I have a bit of my own blood spilled to make SMF better.
Title: Re: Responsive Curve
Post by: Kindred on March 02, 2016, 02:37:36 PM
We take those on a case by case basis...    although removing the version sometimes makes it harder to provide support --   and the main reason people do that is because they (mistakenly) think that it provides some protection from hackers
Title: Re: Responsive Curve
Post by: Deprecated on March 02, 2016, 02:45:42 PM
I'm not going to mention the URL of my site at SMF anyway so having the version stated in my footer has no effect on any support. In any case most of my support requests involve advice on writing my modifications which are all intended for the current SMF release, and otherwise I specifically mention my version in my few if any support requests.

My reason for reducing it to the minimum has nothing to do with hacking. I just prefer my site to have a clean look. My members could give a rat's hiney what version I'm running! They don't even know what an SMF is. ;)
Title: Re: Responsive Curve
Post by: Antes on March 21, 2016, 08:11:13 AM
Lets step up for stable release :P, after releasing Beta 5 we didn't find any UX problem or big issues (can be resolved with CSS).

Version 1.0.0 - March 21 2016
! Padding of select and imput boxes enlarged to avoid bad UX.
! Admin menu changes to improve its responsiveness.
! fix for main_menu weird background creation on tap/hover.
Title: Re: Responsive Curve
Post by: TLMB on April 21, 2016, 08:41:10 AM
Thanks for this mod. Looking great!
Title: Re: Responsive Curve
Post by: skb on June 01, 2016, 02:53:32 AM
Great job guys. thanks. When using with side blocks (we use TP) these need to be manually collapsed by the user or there is an overlapping problem. Besides that, works fine.
Title: Re: Responsive Curve
Post by: Antes on June 01, 2016, 03:23:08 AM
Great job guys. thanks. When using with side blocks (we use TP) these need to be manually collapsed by the user or there is an overlapping problem. Besides that, works fine.

We don't support TP in this modification so its normal that you are having problems.
Title: Re: Responsive Curve
Post by: uamsameter on August 27, 2016, 01:38:43 PM
Thanks a lot for this mod.  The responsive curve mod happens to have solved the font size issues i'm having with my forum view on mobile devices with bigger resolutions. But I have some concerns with its appearance on devices with smaller resolution.
These concerns are listed below (numbers of complain matches the number on attached screenshots):

1.  The menu tabs were replaced by icons as shown in the attached picture labelled 1. My concern is that many users will find it hard to understand what each stand for. I'll really love to either replace them with the written menu tabs or have a name written beside the icons.

2. The "Author" and "Topic" on the top of replies seem to be too large that the topic wont show. I'd love to have the topic show and the authors name too.

3. The details of each user replying is taking too much space,  is it possible to reduce it to just the author's name and time of posting only??

Please note that the problem was solved totally on large resolution devices. Issues are only with small resolution?

Thanks a lot.
Title: Re: Responsive Curve
Post by: uamsameter on August 27, 2016, 01:44:49 PM
sorry, I'm having problem with attaching photos. I'll attach them one by one
Title: Re: Responsive Curve
Post by: Antes on August 27, 2016, 01:55:55 PM
Those are not issue(s). We designed it that way. Probably your phone (since you don't give any info about the most important part of the issue) is too small under 4'' / 480p res.
Title: Re: Responsive Curve
Post by: uamsameter on August 27, 2016, 02:15:57 PM
Thanks for your response.
however, it is not my phone that gives me concern. my phone displays pretty well.
but I'm worried about other members' satisfaction, that's why I keep testing on all sorts of screen sizes and resolutions.

i just want satisfaction for (almost) all members. I just want SOLUTIONS FOR EVERYONE. is that not what you offer? ha!
Title: Re: Responsive Curve
Post by: Antes on August 27, 2016, 02:29:45 PM
Thanks for your response.
however, it is not my phone that gives me concern. my phone displays pretty well.
but I'm worried about other members' satisfaction, that's why I keep testing on all sorts of screen sizes and resolutions.

i just want satisfaction for (almost) all members. I just want SOLUTIONS FOR EVERYONE. is that not what you offer? ha!


Still the question applies... We can't fix what we don't know. So we assume its good.

Yes that's what we offer, solutions for everyone and its what it is unless someone shows us what's wrong with what (then we fix it).
Title: Re: Responsive Curve
Post by: uamsameter on August 27, 2016, 03:26:46 PM
post topic isn't showing for smaller resolution screens.
you dont think that needs some fixing?
Title: Re: Responsive Curve
Post by: Antes on August 27, 2016, 03:49:44 PM
post topic isn't showing for smaller resolution screens.
you dont think that needs some fixing?

Which resolution? Still one question remained unanswered to fix the issue.
Title: Re: Responsive Curve
Post by: uamsameter on August 27, 2016, 03:57:01 PM
480 by 854
Title: Re: Responsive Curve
Post by: @rjen on August 27, 2016, 04:19:21 PM
post topic isn't showing for smaller resolution screens.
you dont think that needs some fixing?

I made a number of these fixes myself to the the file: responsive.css

You can do it too:
open responsive.css

find the section for the media screen < 720 px and add the statement below...

@media screen and (max-width: 720px)
....
   #forumposts h3 span#author
   {
      display: none;
   }
Title: Re: Responsive Curve
Post by: uamsameter on August 27, 2016, 05:02:52 PM
Thanks @rjen,
You seem to understand me better than Antes who is bent on shoving the mod down my throat as it is.
I did the addition you suggested and it took of the topic and author away totally (it's better than partial display though).

Please these are my initial requests:

1.  The menu tabs were replaced by icons as shown in the attached picture labelled 1. My concern is that many users will find it hard to understand what each stand for. I'll really love to either replace them with the written menu tabs or have a name written beside the icons.

2. The "Author" and "Topic" on the top of replies seem to be too large that the topic wont show. I'd love to have the topic show and the authors name too.

3. The details of each user replying is taking too much space,  is it possible to reduce it to just the author's name and time of posting only??

4. I'd like to have the topic showing on top of every post reply (e.g Re: Responsive curve).

I'd appreciate if I can get these resolved.
Title: Re: Responsive Curve
Post by: Spoogs on August 27, 2016, 05:50:52 PM
No one is shoving anything down your throat. You were clearly asked for more information in an attempt to try and assist you.
Title: Re: Responsive Curve
Post by: Antes on August 27, 2016, 06:19:22 PM
The thing you disregard is, mod designed this way. Excepting the title/author thing. If you need customization on the mod you can always ask for free/paid help. But the mod will stay this way.
Title: Re: Responsive Curve
Post by: uamsameter on August 28, 2016, 03:30:15 PM
Okay. Let's start afresh.

Hi there, I installed responsive curve recently and it provided solution to my disproportionate font issue. Big thanks.

However, members on my forum whose phones have low screen resolutions are complaining that the icons replacing the menu tabs is a challenge to them. As shown in my earlier attachment:

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fhhttp%3A%2F%2Fwww.simplemachines.org%2Fcommunity%2Findex.php%3Faction%3Ddlattach%3Btopic%3D535718.0%3Battach%3D249471%3Bimage&hash=6f82efdd36c126887c3d9f60f8a3a977)


I know this mod was built to function that way but I'd love to edit mine to display menu items in text in place of the icons(images) that came with the mod irrespective of the screen size or resolution.

Thanks in advance.
Title: Re: Responsive Curve
Post by: Antes on August 28, 2016, 05:13:10 PM
If you want to change how menu looks, use index.template you'll see template_menu in there. You can use display.template.php to alter the look of topics. We used minimal template changes in this modification (this modification is not a 100% solution, we focus our efforts on SMF 2.1).
Title: Re: Responsive Curve
Post by: uamsameter on August 28, 2016, 08:10:57 PM
Ok. Thanks.
Title: Re: Responsive Curve
Post by: uamsameter on August 31, 2016, 10:01:35 AM
hello people...
I have checked through the index.template.php and I have no idea what to change to have the menu tabs icons changed to text on smaller screens. I have no coding knowledge. Please

please help me with the specific codes to change and what to change them to.... 

please, somebody, help!!
Title: Re: Responsive Curve
Post by: @rjen on August 31, 2016, 12:36:13 PM
hello people...
I have checked through the index.template.php and I have no idea what to change to have the menu tabs icons changed to text on smaller screens. I have no coding knowledge. Please

please help me with the specific codes to change and what to change them to.... 

please, somebody, help!!

Sorry, cannot help you with that.

As you may have seen on my forum: the menu is 'vanilla' I changed the css stuff for the layout issues, but the menu requires more php coding skills then I have. Hence, I left the menu to the 'icon' style...

I believe the menu changes are in the 'subs.php' file... maybe someone else can explain how to 'revert' the icon change?
Title: Re: Responsive Curve
Post by: uamsameter on August 31, 2016, 01:08:14 PM
Okay @rjen... Thanks
Title: Re: Responsive Curve
Post by: Illori on August 31, 2016, 04:16:47 PM
if you really want to remove the icons try removing this from your responsive.css file

Code: [Select]
/* Load menu icons */
.responsive_menu {
background: url(../images/responsive_menu.png) no-repeat -5px -5px;
height: 16px;
width: 16px;
display: inline-block;
}
.responsive_menu.admin {
background-position: -31px -5px;
}
.responsive_menu.calendar {
background-position: -57px -5px;
}
.responsive_menu.forum {
background-position: -5px -31px;
}
.responsive_menu.help {
background-position: -31px -31px;
}
.responsive_menu.home {
background-position: -57px -31px;
}
.responsive_menu.login {
background-position: -5px -57px;
}
.responsive_menu.logout {
background-position: -31px -57px;
}
.responsive_menu.mlist {
background-position: -57px -57px;
}
.responsive_menu.moderate {
background-position: -83px -5px;
}
.responsive_menu.pm {
background-position: -83px -31px;
}
.responsive_menu.profile {
background-position: -83px -57px;
}
.responsive_menu.register {
background-position: -5px -83px;
}
.responsive_menu.search {
background-position: -31px -83px;
}

i did not test it but that should do the trick.
Title: Re: Responsive Curve
Post by: uamsameter on August 31, 2016, 04:42:01 PM
Thanks illori, I removed that part and I got half of what I want. The icons are gone! But right now, there's no menu appearing on small screen resolution devices. how do I make the default menu tabs appear??

Thanks again.
Title: Re: Responsive Curve
Post by: Illori on August 31, 2016, 05:29:03 PM
remove
Code: [Select]
#main_menu .dropmenu span.firstlevel {
display: none;
}
Title: Re: Responsive Curve
Post by: uamsameter on August 31, 2016, 08:10:05 PM
Exactly what i needed! i applied only the second instruction. Thus, i retained the icons and still had the test written underneath it.

thanks Illori. You're the best man!
Title: Re: Responsive Curve
Post by: uamsameter on September 20, 2016, 12:14:01 PM
hi there,
I have tried to make modify some parts of the responsive.css to suit my forum "test members" by going to get the index.css modification using inspect function of google chrome.
However, I'm having difficulties executing a particular task.

I would like to hide the "last post/reply" column both in the forum index and in the board title pages for screen width lower than 1080px (samsing galaxy s5 width). This part is circled with red in my attached images.

I would appreciate help on codes to add or remove to achieve this tasks. thanks.

I must register that this mod is one of the best I have installed because 80% of my intended community members use mobile devices for their online interaction. I must also express my appreciation to you guys who helped me solve issues I had earlier. Thanks!!
Title: Re: Responsive Curve
Post by: uamsameter on September 20, 2016, 12:30:50 PM
the other picture.
Title: Re: Responsive Curve
Post by: shawnb61 on October 04, 2016, 11:15:05 PM
I've been experimenting with a lot of the "responsive" SMF themes out there, and I think this is the best.   A few others come close (lots are prettier), but usually something or other "scrunches up" - usually the rows of buttons.   This mod has no "scrunching up" issues, where text & icons step all over each other.  Fewer fat-finger issues.  Not the prettiest, but the most functional.  I'm good with that. 

I'm not a fan of the icons, though...   Or the squished pix.  Thankfully solutions to those two concerns were provided earlier in this thread.  Thank you. 

I think my only outstanding nit - and it's a nit - is that I have a well-loved banner for my site that works great on a whole page.  But it does NOT work on a mobile phone with this mod.  We see about the left 1/5 of it. 

Could this theme support cutting over to smaller banner .jpgs as the width narrows?  (Or at least shrinking the large .jpg?)  I'd appreciate it if someone could point me in the right direction (sample code, where to change), I'll figure it out once I know where to start.   

Thanks,
Title: Re: Responsive Curve
Post by: shawnb61 on October 06, 2016, 08:27:59 PM
I think I'm going to just put a smaller pic up there...    No need to answer my question above.
Title: Re: Responsive Curve
Post by: uamsameter on October 07, 2016, 12:38:28 PM
Hi there... I had this problem but I got the solution in one thread.
You'd have to make a manual edit to index.template.php  (I think).

I'll make aquick search and come back with the link... It works perfectly.
Title: Re: Responsive Curve
Post by: uamsameter on October 07, 2016, 12:42:46 PM
found it! :D

check  This Topic (http://www.simplemachines.org/community/index.php?topic=523994.0)

now, you can have your "responsive" banner ;)

Regards!
Title: Re: Responsive Curve
Post by: shawnb61 on October 07, 2016, 04:33:19 PM
Excellent, thanks!
Title: Re: Responsive Curve
Post by: Nedano on October 20, 2016, 08:08:55 AM
I have a problem in SMF mobile version (responsive curve).

My forum register page adress is: mydomain.com/register/index.php

But I'm using pretty URL's mods etc so it's removes index.php so that adress doesn't work and people can't register to my forum.

Register works only in adress: mydomain.com/register

So where can I change the register adress? I didn't find it anywhere. It works in computer version but not in mobile version (responsive curve).

Sorry for my english..
Title: Re: Responsive Curve
Post by: Kindred on October 20, 2016, 10:40:42 AM
that is not related to the theme at all.

and that is not actually an SMF URL.  the SMF register URL would be index.php?action=register not register/index.php

However. yes, pretty urls would change that to /register

but again.... not related to the theme at all
Title: Re: Responsive Curve
Post by: Dumke on October 20, 2016, 10:49:27 AM
Thanks a ton for this, I've heavily customized it, with my forum, but i think i've got a perfect mobile forum setup thanks to this mod for a base.
Title: Re: Responsive Curve
Post by: cultureco on October 28, 2016, 05:52:17 AM
Hello
Sorry but i can't solve my probleme.
In index.template I have :
echo '
 <title>', $context['page_title_html_safe'], '</title>
   <meta name="viewport" content="width=device-width, initial-scale=1" />';
In index.css I write :
div#wrapper
{
   margin: 0 auto;
   min-width: 320px;
   max-width: 2300px;
}

But my forum does not match on à mobile (5')

www.mybts.fr/forum2 (http://www.mybts.fr/forum2)

Not mobile friendly for GG
Title: Re: Responsive Curve
Post by: landyvlad on January 24, 2017, 01:27:57 AM
I installed this & it shows in installed mods.

When I go to themes though it still just has core and curve,
Does this just mod the curve theme, but not rename it?
Title: Re: Responsive Curve
Post by: br360 on January 24, 2017, 02:00:07 AM
All it does is make the curve theme responsive when someone is using your site on their mobile device. You won't notice anything really when viewing your site on a computer.

This mod really only works on the default curve theme- if you want it to work on other themes you are using, you are going to have to manually edit in the code changes this mod makes to that custom theme's files.
Title: Re: Responsive Curve
Post by: landyvlad on January 24, 2017, 02:14:28 AM
That answers my question just fine,thanks.

F/U question - how can I change the button styles, colours used etc etc - OR does that have to be done by installing a different theme.  Ta.
Title: Re: Responsive Curve
Post by: br360 on January 24, 2017, 02:21:45 AM
Take a look at some of the responses in this topic as I think other members have asked similar questions (at least regarding the buttons)

This link may also help answer your questions as well- http://www.simplemachines.org/community/index.php?topic=538009.msg3823260#msg3823260
Title: Re: Responsive Curve
Post by: landyvlad on January 25, 2017, 12:24:06 AM
Thanks.
Title: Re: Responsive Curve
Post by: landyvlad on January 29, 2017, 02:37:33 AM
My users have noted that viewing the forum from a number of various devices (ipads, surface pros etc) that images don't size to fit the screen... but stay large and require 'scrolling sideways' to view - which is far from ideal.

This happens both with attachments and images from the gallery (in this case SMF Gallery pro).  Is there something I can do so that images resize to suit when being viewed from mobile devices?  Thank you !
Title: Re: Responsive Curve
Post by: br360 on January 29, 2017, 03:14:16 AM
Your forum may now be responsive with this mod, but the gallery mod itself is not responsive so images posted in the gallery might not fit properly or make other aspects of your forum look a little out of whack.

Since you purchased the gallery pro, your best bet would be to ask for help on the smfhacks site. See if they are working on a responsive gallery or may be able to give you some advice on how to get the pics to fit on the page better
Title: Re: Responsive Curve
Post by: landyvlad on January 29, 2017, 04:04:18 AM
Thanks mate, I have done exactly that !  Cheers.
Title: Re: Responsive Curve
Post by: landyvlad on January 29, 2017, 08:53:43 PM
OK so further to the above and separate to the gallery issue - the theme is NOT resizing attachments (photos) to fit on the screen (on non-PC devices).  Can anyone help? Maybe there's a setting I've missed somewhere?
Title: Re: Responsive Curve
Post by: Illori on January 30, 2017, 06:11:18 AM
is the issue with the previews in the topic or the full size attached image? if with the full sized attached image, that is something this mod cant really control.
Title: Re: Responsive Curve
Post by: landyvlad on January 30, 2017, 08:04:13 PM
Illori I'm not sure exactly what you mean by 'previews' in the topic?

The issue is that if someone does an attachment to a post, and its then viewed on a mobile device, it requires scrolling.  And makes it a but 'user unfriendly' from that point of view.

So in answer to your question I suppose it's the latter.

Any work around that anyone can think of ?

Title: Re: Responsive Curve
Post by: Illori on January 31, 2017, 07:28:12 AM
there is a thumbnail on each post when an image is attached, you are talking about the full size image that is shown when the attached image is clicked on. as far as i know there is not a workaround for this issue.
Title: Re: Responsive Curve
Post by: landyvlad on January 31, 2017, 08:00:34 AM
Sort of. I have the 'thumbnails' set to a larger size at member request.
Cheers anyway, I'm looking at another option at the moment involving thumbnails and seeking input from my members. Cheers.
Title: Re: Responsive Curve
Post by: Antes on January 31, 2017, 08:11:25 AM
Sort of. I have the 'thumbnails' set to a larger size at member request.
Cheers anyway, I'm looking at another option at the moment involving thumbnails and seeking input from my members. Cheers.

Try this;

Code: (Find) [Select]
.signature, .attachments
{
width: 100%;
margin: 1em 0 0;
padding: 1em 1em 3px;
box-sizing: border-box;
}
Code: (Replace with) [Select]
.signature, .attachments
{
max-width: 100%;
max-height: 100%;
margin: 1em 0 0;
padding: 1em 1em 3px;
box-sizing: border-box;
}
.attachments a img {
max-width: 100%;
max-height: 100%;
}
Title: Re: Responsive Curve
Post by: landyvlad on January 31, 2017, 09:07:12 PM
in the index.css file ?
Title: Re: Responsive Curve
Post by: br360 on January 31, 2017, 09:15:57 PM
Yes, that's the file to find that code.
Title: Re: Responsive Curve
Post by: landyvlad on February 11, 2017, 06:44:14 AM
OK I looked in that file and what is there is:

Code: [Select]
.signature, .attachments
{
width: 98%;
overflow: auto;
clear: right;
padding: 1em 0 3px 0;
border-top: 1px solid #aaa;
line-height: 1.4em;
font-size: 0.85em;
}

I haven't done any manual changes to this file, to date.

The only mods which I can imagine MIGHT be affecting this / have made those changes are:
SMF Gallery Pro
EZPortal
Automatic Attachment Rotation

but I don't even think they would....

In attachment settings I have:
Quote
Display image attachments as pictures under post (tick)
Resize images when showing under posts (tick)
Save thumbnails as PNG (tick)
Maximum width of thumbnails  800
Maximum height of thumbnails 600

Thoughts?


Title: Re: Responsive Curve
Post by: GL700Wing on May 26, 2017, 09:01:03 PM
I've just installed this mod on a brand new SMF 2.0.14 installation (no other mods) and, as per the image below, the details in the 'Last Post' column are missing in the board view, the text for the 'Pages' count at the bottom of the board view is much larger than the 'Pages' count at the top, and the text for the 'Locked Topic', 'Sticky Topic' and 'Poll' indicators is much larger than the text for the 'Normal Topic', 'Hot Topic', etc.
Title: Re: Responsive Curve
Post by: GL700Wing on May 27, 2017, 04:34:51 AM
I've just installed this mod on a brand new SMF 2.0.14 installation (no other mods) and, as per the image below, the details in the 'Last Post' column are missing in the board view, the text for the 'Pages' count at the bottom of the board view is much larger than the 'Pages' count at the top, and the text for the 'Locked Topic', 'Sticky Topic' and 'Poll' indicators is much larger than the text for the 'Normal Topic', 'Hot Topic', etc.
Forgot to mention this is only happening on mobile phones.
Title: Re: Responsive Curve
Post by: BYUFanatic on July 20, 2017, 11:05:15 PM
I've just installed this mod on a brand new SMF 2.0.14 installation (no other mods) and, as per the image below, the details in the 'Last Post' column are missing in the board view, the text for the 'Pages' count at the bottom of the board view is much larger than the 'Pages' count at the top, and the text for the 'Locked Topic', 'Sticky Topic' and 'Poll' indicators is much larger than the text for the 'Normal Topic', 'Hot Topic', etc.

I have that issue too. When viewing the forum on my phone I see the categories and the boards, but no last posts.
Title: Re: Responsive Curve
Post by: Arantor on July 21, 2017, 02:27:38 AM
Of course you won't see the last post in a board, it's removed because there's a lack of room on the screen to display it. That's kind of what responsive means...
Title: Re: Responsive Curve
Post by: BYUFanatic on July 21, 2017, 02:35:53 AM
Of course you won't see the last post in a board, it's removed because there's a lack of room on the screen to display it. That's kind of what responsive means...

They can make room under the board titles. Without seeing those last posts the user has to click on each board title to see what new messages are posted. Very time consuming.
Title: Re: Responsive Curve
Post by: Arantor on July 21, 2017, 03:23:14 AM
They could, if it weren't for trying to be compatible with all the variations of Curve out there, plus the way CSS interacts with tables (as the board index is a table) and browsers don't particularly like making tables be not table, IE especially.
Title: Re: Responsive Curve
Post by: BYUFanatic on July 21, 2017, 03:34:06 AM
They could, if it weren't for trying to be compatible with all the variations of Curve out there, plus the way CSS interacts with tables (as the board index is a table) and browsers don't particularly like making tables be not table, IE especially.

So which is it? Lack of space (your first response) or incompatibility issues (your second response)?

In any case, I'm interested in hearing from the author of the mod as to whether they can put the last post in below each board. if the regular display can handle it I don't see why they can't incorporate it into the mod.
Title: Re: Responsive Curve
Post by: Arantor on July 21, 2017, 03:52:03 AM
You assume these two things are separate; they're not. The lack of space forces people to choose whether to hide content or reflow it. Problem is, with tables, reflow basically isn't a proper option because browsers don't like things defined as tables being forcibly reflowed to be not tables. So the only solution to the first problem is to accept the limitations of the second, and not have the content shown.

I'd also point out that the same people on the SMF team that made this mod are the same people who did the responsive work for SMF 2.1, and SMF 2.1 works the same way as this mod, so I'd honestly be surprised if the SMF team made 2.0 + a mod more effective than the next flagship version of the software. But then again, I'm only someone who does web development for a living and a former member of the SMF team, I wouldn't know anything about any of this (nor, for example, would I know specifically who it was that made the decision to do this in this fashion in both this mod and in 2.1, even though I firmly tried to fight for what you're asking for in 2.1... it's a contributing factor to why I left 3 years ago)
Title: Re: Responsive Curve
Post by: Antes on July 21, 2017, 09:35:38 AM
They could, if it weren't for trying to be compatible with all the variations of Curve out there, plus the way CSS interacts with tables (as the board index is a table) and browsers don't particularly like making tables be not table, IE especially.

So which is it? Lack of space (your first response) or incompatibility issues (your second response)?

In any case, I'm interested in hearing from the author of the mod as to whether they can put the last post in below each board. if the regular display can handle it I don't see why they can't incorporate it into the mod.

How about both ? While I/we code this modification which is ported from SMF 2.1 itself, we had limitations (unlike in 2.1), so we decided to create a placeholder modification which helps our community.
Title: Re: Responsive Curve
Post by: fanciboy4 on August 19, 2017, 04:21:44 PM
Icons replaced the menu bar in mobile. But i noticed if a new menu bar is added, it will display a ? icon.

So can i possibly remove d icons displayed on mobile and replace it with the link text as it is but being arranged in order, like in rows?
Title: Re: Responsive Curve
Post by: Kindred on August 19, 2017, 07:42:00 PM
Just add the correct icons when you add a menu item
Title: Re: Responsive Curve
Post by: fanciboy4 on August 20, 2017, 03:57:53 AM
I don't want icons displayed. I wanted text links as it is. Please how can i achieve that?
Title: Re: Responsive Curve
Post by: SampleWEBM on August 21, 2017, 01:11:46 AM
Good job bro
Title: Re: Responsive Curve
Post by: Kindred on August 21, 2017, 05:27:28 AM
I don't want icons displayed. I wanted text links as it is. Please how can i achieve that?

I believe that the switch form text to icons is handled by CSS....

So, probably in index.template.css
Title: Re: Responsive Curve
Post by: Antes on August 21, 2017, 06:56:55 AM
I don't want icons displayed. I wanted text links as it is. Please how can i achieve that?

I believe that the switch form text to icons is handled by CSS....

So, probably in index.template.css

responsive.css
Title: Re: Responsive Curve
Post by: NeedIt on September 05, 2017, 11:16:32 AM
I just built a test forum by the following process:

a) Installed 2.0.9 and then patched up to 2.0.13 and stuck with the default theme.

b) Installed the Ad Management module

c) Installed the Responsive Curve module.

Everything above worked seamlessly as far as the responsive part, i.e. it form fits onto my phone and all looks well.

The part that doesn't work is that the ads do not display.  It is as if I did not install Ad Management at all:  no add displays and there is no sign that that mod was in place.  I put in a wide variety of ads with various placements in board 1 and none of them display at all.

Has anyone else run into this problem?  If so, how can I solve this?

Another comment:  I am open to any mod or strategy that will let me display a 3-4 banner advertisements in the Responsive Curve theme.  Any help is much appreciated.
Title: Re: Responsive Curve
Post by: br360 on October 06, 2017, 02:15:16 AM


Another comment:  I am open to any mod or strategy that will let me display a 3-4 banner advertisements in the Responsive Curve theme.  Any help is much appreciated.

You might consider a portal mod. I know on simple portal for example there is code you can edit that takes the right side blocks and places them underneath the users online list; and places the left side blocks on top of the forum when viewing on mobile. Although from what I remember, making edits yourself might not be necessary as I think those edits are already included for those that use simple portal in the responsive mod anyway, and should work.

You can then use the portal blocks as advertising using either php or html code placed in them
Title: Re: Responsive Curve
Post by: Antes on October 06, 2017, 04:33:47 AM
3rd party mods needs to adapt themselves to this modification.
Title: Re: Responsive Curve
Post by: fanciboy4 on December 07, 2017, 04:44:28 PM
I noticed the title of a post is hidden in mobile.
Title: Re: Responsive Curve
Post by: Marple on December 15, 2017, 02:31:02 AM
My users have noted that viewing the forum from a number of various devices (ipads, surface pros etc) that images don't size to fit the screen... but stay large and require 'scrolling sideways' to view - which is far from ideal.

This happens both with attachments and images from the gallery (in this case SMF Gallery pro).  Is there something I can do so that images resize to suit when being viewed from mobile devices?  Thank you !

Hi @landyvlad did you ever solve this problem? I have the same or similar issue with visitors using safari on iPhone / iPad. Android seems to work OK and images are resized to the screen width. On the safari browsers the images have to be scrolled to see them properly. I've looked through the rest of the thread but can't figure out if you managed to resolve your problem.

It would be useful to know if you did please. Or any suggestions from anyone else if not.

Best wishes,

Mark W
Title: Re: Responsive Curve
Post by: Antes on December 15, 2017, 04:36:45 AM
I noticed the title of a post is hidden in mobile.

If its too big, yes it will happen to avoid the overflowing. We can solve this problem but requires more changes which may not worth at this point.

My users have noted that viewing the forum from a number of various devices (ipads, surface pros etc) that images don't size to fit the screen... but stay large and require 'scrolling sideways' to view - which is far from ideal.

This happens both with attachments and images from the gallery (in this case SMF Gallery pro).  Is there something I can do so that images resize to suit when being viewed from mobile devices?  Thank you !

Hi @landyvlad did you ever solve this problem? I have the same or similar issue with visitors using safari on iPhone / iPad. Android seems to work OK and images are resized to the screen width. On the safari browsers the images have to be scrolled to see them properly. I've looked through the rest of the thread but can't figure out if you managed to resolve your problem.

It would be useful to know if you did please. Or any suggestions from anyone else if not.

Best wishes,

Mark W

Can you link a page with this issue, I'll check it when I have time.
Title: Re: Responsive Curve
Post by: Marple on December 15, 2017, 06:10:39 AM
My users have noted that viewing the forum from a number of various devices (ipads, surface pros etc) that images don't size to fit the screen... but stay large and require 'scrolling sideways' to view - which is far from ideal.

This happens both with attachments and images from the gallery (in this case SMF Gallery pro).  Is there something I can do so that images resize to suit when being viewed from mobile devices?  Thank you !

Hi @landyvlad did you ever solve this problem? I have the same or similar issue with visitors using safari on iPhone / iPad. Android seems to work OK and images are resized to the screen width. On the safari browsers the images have to be scrolled to see them properly. I've looked through the rest of the thread but can't figure out if you managed to resolve your problem.

It would be useful to know if you did please. Or any suggestions from anyone else if not.

Best wishes,

Mark W

Can you link a page with this issue, I'll check it when I have time.

Certainly @Antes, thank you. Here are a couple of threads that demo the problem on iPhone / iPad (looks like I don't have enough history to post real links!):

http://www.marple-uk.com/smf/index.php?topic=7190.0

http://www.marple-uk.com/smf/index.php?topic=7080.0
Title: Re: Responsive Curve
Post by: Antes on December 15, 2017, 10:40:15 AM
Try this;

Code: (Find) [Select]
@media screen and (max-width: 780px) {
Code: (Replace) [Select]
@media screen and (max-width: 780px) {
.bbc_img {
max-width: 100%;
}
Title: Re: Responsive Curve
Post by: Marple on December 15, 2017, 11:40:15 AM
Try this;

Code: (Find) [Select]
@media screen and (max-width: 780px) {
Code: (Replace) [Select]
@media screen and (max-width: 780px) {
.bbc_img {
max-width: 100%;
}

Thanks Antes, that seems to work on the iPad when viewed in portrait. Should I copy this same code to each of the other @media screen resolution lines in the code to make it work at all sizes?
Title: Re: Responsive Curve
Post by: Gwenwyfar on December 15, 2017, 04:06:50 PM
That will automatically get applied to everything from 0 to 780px. If you want it to work for all sizes, you can add that outside a media query (or inside one with the limit you want).
Title: Re: Responsive Curve
Post by: fanciboy4 on December 15, 2017, 05:20:12 PM
Is there a way title of a post can be displayed, because it hides in the CSS..

And also hiding *Author* text and post read times to be more fit on mobile.

Am not good at CSS, and I know many of this mod users needs this.
Title: Re: Responsive Curve
Post by: Dav999 on December 15, 2017, 09:10:54 PM
As for unhiding titles on posts, find .keyinfo h5, .keyinfo .messageicon, #messageindex .last_th in responsive.css, and take out .keyinfo h5,
Title: Re: Responsive Curve
Post by: Marple on December 16, 2017, 12:49:11 AM
That will automatically get applied to everything from 0 to 780px. If you want it to work for all sizes, you can add that outside a media query (or inside one with the limit you want).

Sorry, I didn't realise, please excuse my lack of knowledge. Tests so far have shown that you are right, so I think this has cured the problem.

Thank you to Antes for your help.
Title: Re: Responsive Curve
Post by: Gwenwyfar on December 16, 2017, 08:32:28 AM
No worries :)
Title: Re: Responsive Curve
Post by: Antes on December 16, 2017, 08:07:28 PM
One thing for sure this modification requires update but I might not supply one at this point. Do mind this modification is a ported version of SMF 2.1`s responsive side, while we updated the core product, we (time to time) ignored this modification.
Title: Re: Responsive Curve
Post by: landyvlad on January 16, 2018, 11:32:17 PM
marple sorry for the late reply.

I'm not sure if it ever got fixed, perhaps they just got used to it ?.
I don't have an apple device so cant tell.
check out gsx1400owners.org if you have one and see :)



Oh and just FYI - another thing I found with apple devices is that after an ios update many people were complaining they couldn't upload images from their iphones. Turned out I just had to add .jpeg as an allowable file type rather than only .jpg
Title: Re: Responsive Curve
Post by: njtweb on May 15, 2018, 08:41:06 AM
Any way to edit the menu buttons on the curve? I see they change to icons instead of links. I'd like to remove some of them from use on mobile devices. And if possible increase the size or change them altogether.
Title: Re: Responsive Curve
Post by: Kindred on May 15, 2018, 10:18:15 AM
edit the CSS file
Title: Re: Responsive Curve
Post by: njtweb on May 15, 2018, 10:28:07 AM
edit the CSS file

I was hoping there was an admin interface to turn buttons off or what not. Guess not, Thanks
Title: Re: Responsive Curve
Post by: Kindred on May 15, 2018, 12:47:17 PM
that would involve a complete rewrite of the way menus are handled...  this mod just does the minimum conversions needed to make your curve theme mostly responsive
Title: Re: Responsive Curve
Post by: Antes on May 16, 2018, 10:05:53 AM
Anyone interested in a new version? (Note that this is an 100% unofficial test version...)
Change Log
Version 1.0.1 - May 16 2018
! Play nicely with maps! (iFrames should be limited at 100% max-width for mobile devices)
! Login & Search (top) buttons/inputs should be bigger now.
! Give more space to post... none likes to stay too close (Posts (.inner) has more padding now)
! Margin of buttons now controlled by almighty parent li... (On buttonlist, a element has 0 margin and all spacing handled by upper li element)
! Structure changes means we don't have to show this also saves space for actual topic title (Author text on topic display now hidden by default)
! Admin menu was too short to reach 3rd level menu... Admin menu's sub element's width increased to 75% (was 51%)
(Developer note; it still requires some testing on real usage feedback is most welcome as always)
! Quick tasks doubleganker removed from 720p settings, it should flow freely now on... Long live the QuickTasks! (Hardlimited version of #quick_tasks removed from the responsive.css)
! In Core Features page, descriptions are hidden for overflow reasons but no more! Now you can freely read descriptions without scrolling in the area. Also its padding increased for possible overflowing with the icon
! We need space... So ? So... Don't go huge paddings where its not needed (padding on #adm_submenus removed to give more space)
! In admin section, all dt/dd elements got their 100% width to give better UX to users.
(Developer note; this can be bit problem but end result will give users on mobile at admin section huge UX benefits)
! (Cross Fingers) Annoying extra-background on main_menu item issue fixed... it shouldn't be showing the hidden background on them.

Known Issues
- Member lists are not nice on mobile and breaking responsiveness
- Member search has some hardcoded widths in it so its also breaking things... Bad search!


A side note; there might be a typo or grammar issues in the changelog that's 100% intended to trigger Irisado... Why you say? Because why not...
Title: Re: Responsive Curve
Post by: Antes on May 23, 2018, 10:59:23 AM
(Note that this is an 100% unofficial test version...)

Change Log
Version 1.0.1(rev2) - May 16 2018
! Improvements on mlist (memberlist search)
! Added jQuery & SuperFish for menu to increase UX on mobile.
(Developer note; SuperFish might look small addition to system, it enabled click-to-open menu which greatly increases the mobile capibilities of the menu)
(Note2; This might lead to removing icons (requires official decision) and revert to old text-based)
(Rev2 only extra)! dt/dd lists improvements


If you already have jQuery loaded in your system you (might) have issues in general solution; Open index.template.php and remove jquery added by this modificationModification creates a copy of jquery inside JS folder, if you have jQuery.js in your JS folder already named jquery.js this will override it.
Title: Re: Responsive Curve
Post by: njtweb on June 01, 2018, 10:02:44 AM
I'm interested but I'm also interested why it would be released if everything isn't responsive? I'm not being mean and don't want to offend anybody, just want to know. I currently use the production version with the default curve theme and think it's great.
Title: Re: Responsive Curve
Post by: Antes on June 01, 2018, 12:14:19 PM
I'm interested but I'm also interested why it would be released if everything isn't responsive? I'm not being mean and don't want to offend anybody, just want to know. I currently use the production version with the default curve theme and think it's great.

Simple, because making the whole theme "properly" responsive requires some work and we 'd like to keep the edits as low as possible. Proper work done on Curve2 (SMF 2.1).

These are unofficial because I'm no longer a team member so I can't do releases.
Title: Re: Responsive Curve
Post by: njtweb on June 01, 2018, 02:53:05 PM
Thank you, I'm uncertain what you mean about Curve 2.1? Are you asking if that's what version I'm on? I'm currently 2.0.15. I tried installing the new version and get failure on every test except 2 files. Am I supposed to uninstall responsive curve mod to install the new or just install right over it?
Title: Re: Responsive Curve
Post by: Antes on June 01, 2018, 05:28:48 PM
Thank you, I'm uncertain what you mean about Curve 2.1? Are you asking if that's what version I'm on? I'm currently 2.0.15. I tried installing the new version and get failure on every test except 2 files. Am I supposed to uninstall responsive curve mod to install the new or just install right over it?

Curve2 is the default theme of SMF 2.1. You should uninstall old version and install new one, I did not put upgrade option unfortunately.
Title: Re: Responsive Curve
Post by: njtweb on June 01, 2018, 05:52:30 PM
Thank you, I'm uncertain what you mean about Curve 2.1? Are you asking if that's what version I'm on? I'm currently 2.0.15. I tried installing the new version and get failure on every test except 2 files. Am I supposed to uninstall responsive curve mod to install the new or just install right over it?

Curve2 is the default theme of SMF 2.1. You should uninstall old version and install new one, I did not put upgrade option unfortunately.

Ok, curve is also the default theme with 2.0.x. Core is the old default from 1.x
Title: Re: Responsive Curve
Post by: njtweb on June 02, 2018, 03:52:35 PM
Anybody using this yet? Will there be an update to the current mod page in the modifications area or will it get its own entirely new mod page?
Title: Re: Responsive Curve
Post by: njtweb on June 05, 2018, 03:36:21 PM
Thank you, I'm uncertain what you mean about Curve 2.1? Are you asking if that's what version I'm on? I'm currently 2.0.15. I tried installing the new version and get failure on every test except 2 files. Am I supposed to uninstall responsive curve mod to install the new or just install right over it?

Curve2 is the default theme of SMF 2.1. You should uninstall old version and install new one, I did not put upgrade option unfortunately.

Doing some cleanup today I was in package manager and noticed responsive_curve_v1.0.1 is still in there. I remembered I uploaded and ran the install but got nothing but failures, so I didn't bother completing the install like I had told you prior. Today when I was in package manager I see there is a red dot and next to it is the package and it shows installed. I never installed it, why is it showing it's installed?
Title: Re: Responsive Curve
Post by: Kindred on June 05, 2018, 03:48:25 PM
that is not showing as installed....    it is showing that there is a newer version available and showing that it is not ready to install (or uninstall) on the version of SMF that you have configured.

(if it was installed, there would be an uninstall link)
Title: Re: Responsive Curve
Post by: njtweb on June 05, 2018, 04:00:27 PM
that is not showing as installed....    it is showing that there is a newer version available and showing that it is not ready to install (or uninstall) on the version of SMF that you have configured.

(if it was installed, there would be an uninstall link)

Is that ok to delete then? I already deleted other packages that were uploaded that had failures as well, but they all had an [install] next to them after I stopped the installation. The word install was next to that originally.
Title: Re: Responsive Curve
Post by: lurkalot on June 05, 2018, 04:12:34 PM
that is not showing as installed....    it is showing that there is a newer version available and showing that it is not ready to install (or uninstall) on the version of SMF that you have configured.

(if it was installed, there would be an uninstall link)

Is that ok to delete then? I already deleted other packages that were uploaded that had failures as well, but they all had an [install] next to them after I stopped the installation. The word install was next to that originally.

You have Version 1.0.1(rev2) installed, yes?
Title: Re: Responsive Curve
Post by: njtweb on June 05, 2018, 04:16:31 PM
No, I have the original version 1.0.0 that's all. I downloaded that one last week and attempted install but got failures on every single file so I backed out and forgot about it after I advised her I got nothing but failures. Today cleaning up I saw it there and was ready to delete but I'm afraid my site will break if I do it.
Title: Re: Responsive Curve
Post by: lurkalot on June 06, 2018, 02:22:12 AM
Well, yes if the package you want to delete isn't installed you should be able to delete it.
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on July 08, 2018, 08:38:36 PM
Tryuing to get post separator to display in mobile.  Fixed css so it shows on pc, but it's removed in mobile.

Display.template.php

Code: [Select]

// Show the member's signature?
if (!empty($message['member']['signature']) && empty($options['show_no_signatures']) && $context['signature_enabled'])
echo '
<div class="signature" id="msg_', $message['id'], '_signature">', $message['member']['signature'], '</div>';

echo '
</div>
</div>
<span class="botslice"><span></span></span>
</div>
<hr class="post_separator" />';


index.css

Code: [Select]

/* Separator of posts. More useful in the print stylesheet. */
#forumposts .post_separator
{
// display: none;
}


Title: Re: Responsive Curve
Post by: Kindred on July 09, 2018, 08:58:50 AM
CSS uses the same "block comment" syntax as the C-like languages - you start a comment with /* , and end it with */ . However, CSS is missing the "line comment" syntax that those languages have, where everything from // to the end of the line is commented out

 in other words...   the // is not actually commenting out that line because css does not allow //
Title: Re: Responsive Curve
Post by: Gwenwyfar on July 09, 2018, 09:09:48 AM
Since it is invalid syntax it may just be breaking the selector/rule, or it could be breaking other things also.   
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on July 09, 2018, 12:19:46 PM
in other words...   the // is not actually commenting out that line because css does not allow //

Use it all the time, for years, it's never not worked.  Problem is due to caching, apparently some mobile browsers cache css but not template or source code, so all changes are effective immediately except css, which requires refresh.  But I will delete the line anyway, just to be strict.

Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 10, 2018, 12:49:10 PM
Installed this mod on forum running 2.0.15 Curve Multi Color, users are having problems on iphones and android phones.  Theme doesn't fit display, they have to scroll horizontally to read content.  Also reporting a glitch with reply editor, it opens way to large, only room for 2-3 characters, but works ok after they pinch it down.
Title: Re: Responsive Curve
Post by: njtweb on August 10, 2018, 01:09:15 PM
Installed this mod on forum running 2.0.15 Curve Multi Color, users are having problems on iphones and android phones.  Theme doesn't fit display, they have to scroll horizontally to read content.  Also reporting a glitch with reply editor, it opens way to large, only room for 2-3 characters, but works ok after they pinch it down.

The newly updated responsive curve or the old version?

I had the same problem on mobile, (currently using original responsive curve mod) only when I was posted youtube videos using the O'Hara youtube embed mod. I removed that mod and installed a different one and the problem went away.
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 10, 2018, 01:16:38 PM
It's ver 1.0, that's what's currently on mod site.  They're not using any youtube mod.  May be a problem with Curve MC, I've switched everyone to default Curve, waiting for feedback.
Title: Re: Responsive Curve
Post by: Kindred on August 10, 2018, 01:37:33 PM
Hmmm... can't reproduce any of those reported issues on my site...
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 10, 2018, 09:31:26 PM
Installed it a few weeks ago on another forum running default Curve, nothing like this was reported.  Did you try it on mobile in Curve MC?
Title: Re: Responsive Curve
Post by: Kindred on August 10, 2018, 10:11:06 PM
Mmm... not sure, it’s been a while since I had the mc theme installed, but I did have it and the responsive curve mod installed at one point
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 10, 2018, 10:18:41 PM
Mod doesn't affect Curve MC at all in pc view, but getting complaints from mobile users.  Haven't gotten any feedback yet on whether problems persist in default Curve, they're just ******ing about the color.
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 11, 2018, 05:39:13 PM
Still trying to fix this, both android and ios users are repoprting problems.  Viewing the forum with android silk, what I'm seeing is responsive theme in default Curve, but pc theme in Curve MC.  Responsive is not loading in MC.  Template code looks correct, responsive.css is in theme css.  Any idea what's causing this?


n/m, found it.  Responsive code must be in .css for color variant, i.e., index_green.css, doesn't work just having responsive.css in theme /css.  Waiting for confirmation from phone users, but it loads correctly in silk.

Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 12, 2018, 02:13:47 AM
Looking at Responsive Curve in Android Silk, main menu is invisible in default Curve and Curve MC.  It's there, if I poke around where it should be, menu links work, but it's completely invisible.  Is this another stealth feature, or what?
Title: Re: Responsive Curve
Post by: Antes on August 12, 2018, 04:48:39 AM
This modification is not created for generic usage, its only valid for Curve theme. Any other theme which has issues with this mod should resolve within.
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 12, 2018, 11:35:57 PM
I've installed the mod on two forums, one is running default Curve, the other Curve Multi Color.  I'm seeing the same thing on both, also when I switch to default Curve on second forum.  Navbar is invisible, but if I tap on where it should be, I see a quick blue square, and link works.  Don't know if this glitch is specific to Silk, not having any luck getting screenshots from members using android or iphones.

I know the mod is for Curve, unfortunately it's being recommended in other threads for any theme.  One of my regulars wants to try it in a couple of custom themes, maybe I'll give it a shot and see what happens.

Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 13, 2018, 01:00:51 AM
Ok, here are three screenshots from FF61 responsive design mode, they are more or less similar to what I'm seeing in android Silk.

BCM forum default Curve -

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.thekrashsite.com%2Fpics%2Fresp1.jpg&hash=38b917984272f3666268215c4b365672)

MLC forum default Curve -

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.thekrashsite.com%2Fpics%2Fresp2.jpg&hash=099ee251b0c0c91b3a7182560e743d69)

MLC forum Curve MC -

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.thekrashsite.com%2Fpics%2Fresp3.jpg&hash=94d68db480b969ffb4e23bf231125ca7)

First one has a row of little icons, no labels or tooltips, additional menu items all use same question mark icon.  Pretty useless, but that apparently is the mod menu.

Second and third there are no icons, but if I poke around where they should be, a small blue square lights up when I hit a menu item and link works.  A lot less then useless.  There are mods and some customizations on both forums.
Title: Re: Responsive Curve
Post by: Gwenwyfar on August 13, 2018, 07:39:17 AM
I know the mod is for Curve, unfortunately it's being recommended in other threads for any theme.  One of my regulars wants to try it in a couple of custom themes, maybe I'll give it a shot and see what happens.
It is not being recommended for "any theme". It is being recommended to be tried with themes that may work with it, because it works in many more than just curve. Problems with some themes is expected, and only curve will be supported by the mod.


Without a link to your forum to see what is going on, I'd guess your icon's path is broken or they are missing.
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 13, 2018, 01:17:08 PM
It installed correctly in default Curve, with one manual edit in Memberlist.template.php.  Are the menu icons in /images/AlternativeMenu.icons/?  They're present in both themes.  Not especially useful if you don't know what they are, there are no labels, and all custom menu items (there are several on this forum) are the same.
Title: Re: Responsive Curve
Post by: Mick. on August 13, 2018, 01:41:09 PM
It installed correctly in default Curve, with one manual edit in Memberlist.template.php.  Are the menu icons in /images/AlternativeMenu.icons/?  They're present in both themes.  Not especially useful if you don't know what they are, there are no labels, and all custom menu items (there are several on this forum) are the same.

I think is one image sprite for the menu. Not several images for the menu.
Title: Re: Responsive Curve
Post by: Arantor on August 13, 2018, 01:43:16 PM
And if a specific icon isn't added by a mod, it's just going to have the generic (?) icon instead.

2.1 has the same problem, incidentally.
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 13, 2018, 10:32:05 PM
Well, I'm glad someone else thinks it's a problem.  We'll use something else, maybe the cust team can get around to adding a useable menu to the mod.
Title: Re: Responsive Curve
Post by: Gwenwyfar on August 14, 2018, 12:10:48 AM
Nobody said there wasn't an issue. Except you have posted multiple problems in the same post. I wasn't commenting on the default icons, but your missing ones.
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 14, 2018, 01:16:43 AM
What causes the normal Curve menu to switch to icon menu below a specified width?
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 14, 2018, 02:42:06 AM
Well, got rid of the silly menu icons and have normal Curve menu buttons wrapping where they should be.  A little neater with submenus disabled.  Seems like an obvious solution, why wasn't it done this way?

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.thekrashsite.com%2Fpics%2Fresp5.jpg&hash=c784ec34a4928b8d4672349cd9aa3b5e)


Also, what's that mess at bottom of ACP?

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.thekrashsite.com%2Fpics%2Fresp4.jpg&hash=45068cb7edb5bd43a51596494fb2a105)

Title: Re: Responsive Curve
Post by: Arantor on August 14, 2018, 02:48:33 AM
Because that’s not how it’s done in 2.1 where there are icons all the time. That, and losing multiple rows of screen space on a small device is a bad idea.

That said I don’t know why I’m defending it, you’ll just find more ways to bash it because it doesn’t work how you like.
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 14, 2018, 03:00:25 AM
It's really not up to me, I'm dealing with a very difficult forum, members are complaining about everything we've tried.  They've been using Curve MC for a long time, not having responsive theme doesn't seem to be a big problem for them on mobiles, but forum owner is concerned that Google treats non-responsive sites somewhat badly, so it's being done primarily for seo.  Don't know if it really makes much difference, but that's what she wants.  Doesn't help that the responsive themes we've tried are designed rather poorly.  If I could find one that works well, I have several forums that could use it.
Title: Re: Responsive Curve
Post by: Arantor on August 14, 2018, 03:35:21 AM
Google treats UGC far more harshly than any penalty for “non responsive”. But honestly, take a look at some of the SMF Tricks themes like Reseller, see f they would work better.

Responsive Curve really only works on the default theme with no large mods, just because of the fragility of the theme itself and what was backported from 2.1, in spite of what anyone else may claim. And even 2.1’s Responsive has a lot of issues too depending on how you look at it.
Title: Re: Responsive Curve
Post by: Antes on August 14, 2018, 06:10:28 AM
Responsive Curve really only works on the default theme with no large mods, just because of the fragility of the theme itself and what was backported from 2.1, in spite of what anyone else may claim. And even 2.1’s Responsive has a lot of issues too depending on how you look at it.

You got my attention, and now you have to feed my curiosity or kitty bites back.
Title: Re: Responsive Curve
Post by: Mick. on August 14, 2018, 09:16:12 AM

Also, what's that mess at bottom of ACP?

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.thekrashsite.com%2Fpics%2Fresp4.jpg&hash=45068cb7edb5bd43a51596494fb2a105)

This should fix that mumble-jumble..
Code: [Select]
#quick_tasks li
{
float: left;
list-style-type: none;
margin: 0;
padding: 0.5em 0;
width: 49.5%;
height: 4.5em;
}


Replace with:
Code: [Select]
#quick_tasks li
{
float: left;
list-style-type: none;
margin: 0;
padding: 0.5em 0;
min-width: 49.5%;
height: auto;
}

In default/css/admin.css
Title: Re: Responsive Curve
Post by: Mick. on August 14, 2018, 10:19:33 AM
Should look like this...
Title: Re: Responsive Curve
Post by: Mick. on August 14, 2018, 11:04:59 AM
@ Sir Osis, Nevermind my post. I dont use responsive.css in my site but was able to fix the mumble-jumble in my site since it looked just like yours.


Out of curiousity, I went to check my dev site, it was already fixed in the default theme but a bit different.

This is already done in Themes/default/css/responsive.css #quick_tasks li  It may be that you still not calling the css file to your custom theme.
Title: Re: Responsive Curve
Post by: Arantor on August 14, 2018, 01:43:21 PM
Responsive Curve really only works on the default theme with no large mods, just because of the fragility of the theme itself and what was backported from 2.1, in spite of what anyone else may claim. And even 2.1’s Responsive has a lot of issues too depending on how you look at it.

You got my attention, and now you have to feed my curiosity or kitty bites back.

First of all, just hiding content based on width isn’t great, when others rearrange the presentation.

I haven’t looked lately if the real howler was fixed whereby in 2.1 if you were in the admin area on mobile you’d get two hamburger menus with no idea what they were.

While I get going down to icons, when mods add new menu items, but only ever spit out a (?) icon, that’s not great especially as site owners don’t obviousky know how to fix that (and mod authors may not be around to fix that any more). The 2.1 hamburger menu was better about this, except when you had two of them.

Also, mobile being based the size of phone you had, and not what was common in the market always seemed weird to me...
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 14, 2018, 06:50:14 PM
when mods add new menu items, but only ever spit out a (?) icon, that’s not great

Doesn't help that it's a sprite.  Most of the members on this forum were very happy with Curve MC, even mobile users.  What I've just suggested is reinstalling responsive curve mod (I think I can get it to work reasonably well in MC), set that as theme_guest so Google sees it, and have everyone else on non-responsive MC (two theme installs), with option for members to select responsive version if they prefer.  Meanwhile we're trying to customize mobile-desktop theme, so there'll be several options, but working with these people is like herding cats (no offense, Antes).

Title: Re: Responsive Curve
Post by: Arantor on August 14, 2018, 06:51:22 PM
Being a sprite actually has absolutely no bearing on its effectiveness. If anything it actually works better than the alternative which would be to spit out an image that doesn't load (which we saw a LOT of back in the custom themes in 1.1 days)
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 14, 2018, 07:13:37 PM
I'm sure it works fine, but makes it very difficult if you want to add icons for additional links.  This forum has two added buttons, the other one I installed it on has three.  Looks nice, but it's useless for navigation.
Title: Re: Responsive Curve
Post by: Arantor on August 14, 2018, 07:19:48 PM
It's like adding a couple of lines of CSS, sprite or no sprite...

But yes, putting aside the implementation details (that aren't really a problem), the fact that it just puts (?) icons for unknown icons is a problem in both this mod and in 2.1.
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 14, 2018, 07:28:46 PM
It's like adding a couple of lines of CSS, sprite or no sprite...

Yes, but you'd have to add new icons to the sprite for the new menu items.  Not something most forum owners would want to try.  And doesn't solve the problem of which of these icons does what.
Title: Re: Responsive Curve
Post by: Mick. on August 14, 2018, 07:37:21 PM
Im one who is against sprites. Yes, they're light-weight and load faster with 1 image than 30 images. When i created the menu icons mod, i was asked to use sprites and i said no. Simply because if you add a new tab in the menu, there will be no specific icon for it.
Title: Re: Responsive Curve
Post by: Arantor on August 14, 2018, 07:48:16 PM
It’s totally possible to do it, it is literally a couple of lines of CSS, heck, LevGal did it just fine without touching any code whatsoever.

It’s also not nearly the worst problem in all of this.
Title: Re: Responsive Curve
Post by: Mick. on August 14, 2018, 07:54:37 PM
I have no idea what default mc is. Is it that dilber theme?
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 14, 2018, 08:07:19 PM
The regular menu buttons work fine, wrap neatly across the top.  Some other glitches in MC, trying to fix one in message index, but overall looks useable.  Have to see what these folks want to do, if they can ever agree on something.

Title: Re: Responsive Curve
Post by: Gwenwyfar on August 14, 2018, 09:04:18 PM
It's like adding a couple of lines of CSS, sprite or no sprite...

Yes, but you'd have to add new icons to the sprite for the new menu items.  Not something most forum owners would want to try.  And doesn't solve the problem of which of these icons does what.

No, you don't have to use the sprite. You could replace your custom icon to be anything else, you just have to link to it. A few lines of css no matter which way you go with the images.
Title: Re: Responsive Curve
Post by: Mick. on August 14, 2018, 09:45:49 PM
@Sir where  is this MC theme? 
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 15, 2018, 01:24:53 AM
Not on my computer, can't post the link, but search themes for 'curve multi-color', it's on page 3, author is MrGrumpy.  Worked a couple of forums that use it.
Title: Re: Responsive Curve
Post by: Kindred on August 15, 2018, 10:14:05 AM
incidentally... when I used the responsive curve mod on the multicolor curve theme, I indeed used stand-alone icons instead of the sprite...   seriously, it just takes a simple definition in the CSS to use the single image instead of the sprite with a location.
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 15, 2018, 12:24:33 PM
https://custom.simplemachines.org/themes/index.php?lemma=2438

It's a nice theme, responsive curve mod requires some work to get it working in MC, but should be doable.
Title: Re: Responsive Curve
Post by: Sir Osis of Liver on August 16, 2018, 05:26:33 PM
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.thekrashsite.com%2Fpics%2Fresp4.jpg&hash=45068cb7edb5bd43a51596494fb2a105)

This is caused by sidebar menus being selected, also scrambles Profile and probably other areas in narrow portrait view.  Same in other mobile theme.  Any way to force dropdown menus?
Title: Re: Responsive Curve
Post by: @rjen on September 01, 2018, 12:05:32 PM
(Note that this is an 100% unofficial test version...)

Change Log
Version 1.0.1(rev2) - May 16 2018
! Improvements on mlist (memberlist search)
! Added jQuery & SuperFish for menu to increase UX on mobile.
(Developer note; SuperFish might look small addition to system, it enabled click-to-open menu which greatly increases the mobile capibilities of the menu)
(Note2; This might lead to removing icons (requires official decision) and revert to old text-based)
(Rev2 only extra)! dt/dd lists improvements


If you already have jQuery loaded in your system you (might) have issues in general solution; Open index.template.php and remove jquery added by this modificationModification creates a copy of jquery inside JS folder, if you have jQuery.js in your JS folder already named jquery.js this will override it.

I was having a look into this unoffical version.
Now I noticed that once installing it everytime I login I get a 404 error. Apart from that all seems ok.

Now  I find that the only thing changed from this package is the added reference to two JS in index.template.php

Code: [Selecteer]
// Load the JS
   echo '
   <script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/jquery.js?fin20"></script>
   <script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/superfish.js?fin20"></script>
   <script>
      jQuery(document).ready(function() {
         jQuery("ul.dropmenu").superfish();
      });
   </script>';

When installing the package the install script says it will extract to files.. to another folder, name js
What's up with that? I suspect the 404 errors are from the index template trying to kick-off these files, but they are not there. Moving the file manually from js folder to scripts folder resolves the 404 errors...
Title: Re: Responsive Curve
Post by: @rjen on September 01, 2018, 03:19:03 PM
There is an annoying bug in Responsive Curve:

This show on the boardindex with resolutions of a width between 640 and 720px wide: Lastpost column is hidden between 640 and 720 px wide, header is not...

Fix:

Edit responsive.css

Find:
Code: [Select]
   table.table_list tbody.content td.stats, .lastpost
   {
      display: none;
   }
   img.icon

Remove: , .lastpost

Code: [Select]
   table.table_list tbody.content td.stats
   {
      display: none;
   }
   img.icon
 

Find:
Code: [Select]
   .hidden, .icon, .stats, #posting_icons, #mlist th, .icon1, .icon2
   {
      display: none;
   }
   #statistics .stats

Add: , .lastpost

Code: [Select]
   .hidden, .icon, .stats, #posting_icons, #mlist th, .icon1, .icon2, .lastpost
   {
      display: none;
   }
   #statistics .stats
 
Title: Re: Responsive Curve
Post by: petewadey on November 16, 2018, 04:02:16 AM
Since installing this mid, I'm getting thousands of error messages, all relating to gallery pro. Is this a common problem, and is there a fix?
Thanks
Title: Re: Responsive Curve
Post by: @rjen on November 16, 2018, 04:25:31 AM
Quote
and is there a fix?

not if you don't mention the actual errors...
Title: Re: Responsive Curve
Post by: petewadey on November 16, 2018, 04:53:33 AM
Sorry, should have attached screen shot
Title: Re: Responsive Curve
Post by: Arantor on November 16, 2018, 05:03:11 AM
Not related to this mod, go ask the gallery author.
Title: Re: Responsive Curve
Post by: petewadey on November 16, 2018, 05:07:52 AM
But I only started getting these error messages after installing this mod? All button related?
Title: Re: Responsive Curve
Post by: Arantor on November 16, 2018, 05:19:15 AM
Correlation does not imply causation.

In any case the code in question is literally because the gallery isn’t setting things up correctly. But hey, what would I know, I’m only a former SMF dev team member... (note the gallery template itself is affected and this mod doesn’t touch that, but no it has to be this mod)
Title: Re: Responsive Curve
Post by: petewadey on November 16, 2018, 05:43:37 AM
? Strange response, but thanks anyway
Title: Re: Responsive Curve
Post by: Arantor on November 16, 2018, 06:33:20 AM
Not really strange, you’re saying you don’t believe me because two unrelated things seemed in your mind to be related, and I don’t appreciate the byproduct implication that I don’t know what I’m talking about.
Title: Re: Responsive Curve
Post by: Gwenwyfar on November 16, 2018, 06:43:57 AM
If you receive an answer you don't understand, from someone you don't know who is, is it not normal to ask why is that so?
Title: Re: Responsive Curve
Post by: petewadey on November 16, 2018, 08:10:25 AM
Very hostile. I was only asking a question, not in any way doubting anyone's knowledge. I give up. 
Title: Re: Responsive Curve
Post by: Virginiaz on November 16, 2018, 11:33:39 AM
Very hostile. I was only asking a question, not in any way doubting anyone's knowledge. I give up.

I assume you mean SMFHack's Gallery Mod, in which case you should post your question to their support thread:

https://www.simplemachines.org/community/index.php?topic=114291.0

Indeed this isn't the right thread for this question.
Title: Re: Responsive Curve
Post by: petewadey on November 16, 2018, 12:05:10 PM
Very hostile. I was only asking a question, not in any way doubting anyone's knowledge. I give up.

I assume you mean SMFHack's Gallery Mod, in which case you should post your question to their support thread:

https://www.simplemachines.org/community/index.php?topic=114291.0

Indeed this isn't the right thread for this question.

I have done just that, and SMFHacks is looking into my issue. I have also been PM'd by someone who is willing to help. The hostile remark was towards Arantor. Totally unnecessary to be so rude. Everyone else has always been so helpful on this forum............
Title: Re: Responsive Curve
Post by: Arantor on November 16, 2018, 01:38:03 PM
I consider people dismissing what I have to say out of hand because it disagrees with how they think things work to be pretty damn hostile, for the record.
Title: Re: Responsive Curve
Post by: Gwenwyfar on November 16, 2018, 02:26:28 PM
I consider people dismissing what I have to say out of hand because it disagrees with how they think things work to be pretty damn hostile, for the record.
How is asking a question about something you don't understand a dismissal of anything? He didn't disagree with you and even thanked your answer despite how you wrote it...

Just because some people that come here here are rude, demanding and so on, doesn't mean everyone is.
Title: Re: Responsive Curve
Post by: Arantor on November 16, 2018, 02:38:48 PM
Because I said it was the gallery and the response was what amounts to “it can’t be because I installed this mod and then it broke therefore it is this mods fault”. Not all questions are meant with innocence and not all questions are in good faith, especially when a world view is being challenged.

But whatever, I’m clearly too hostile for his place. Being here just makes me angry and bitter.
Title: Re: Responsive Curve
Post by: Gwenwyfar on November 16, 2018, 03:08:43 PM
No, they are not always in good faith. But neither do I see any post from this person being rude to anybody or anything to be worthy of that response.

Though, you could say I have a bias on the other side. Because I made someone angry frequently by merely forgetting to put a "yes" in front of questions I made.

"Assuming is a dangerous thing"...
Title: Re: Responsive Curve
Post by: petewadey on November 16, 2018, 05:12:09 PM
Thank you Gwenwyfar for recognising my words were not meant as Arantor chose to interpret them.
Title: Re: Responsive Curve
Post by: Dylert on December 06, 2018, 06:26:07 AM
Thanks a lot for this great responsive version of the Curve theme! I have installed it and there is one problem. My attachments (pictures) gets too wide for small screens like mobile phones. I have to scroll sidewards to see the whole image. Is it possible to set attachments to "max 100% of the screen" ex. in the index.css file or other files?

Any suggestions? Thanks a lot for any help! :)
Title: Re: Responsive Curve
Post by: Gwenwyfar on December 06, 2018, 10:20:38 AM
There is an update for this mod in the works that fixes the issue (among many others). Could take a while longer since we're focusing on 2.1.

Until then, you can add this to your css file:

Code: [Select]
.attachments img {
max-width: 100%; }
Title: Re: Responsive Curve
Post by: Dylert on December 06, 2018, 01:50:08 PM
Well, got rid of the silly menu icons and have normal Curve menu buttons wrapping where they should be.  A little neater with submenus disabled.  Seems like an obvious solution, why wasn't it done this way?

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.thekrashsite.com%2Fpics%2Fresp5.jpg&hash=c784ec34a4928b8d4672349cd9aa3b5e)



How did you do this?
Title: Re: Responsive Curve
Post by: Dylert on December 06, 2018, 05:24:36 PM
There is an update for this mod in the works that fixes the issue (among many others). Could take a while longer since we're focusing on 2.1.

Until then, you can add this to your css file:

Code: [Select]
.attachments img {
max-width: 100%; }

Thanks a lot! That was kind of you! :)