When I install breakpoints, and I click on the breakpoints configuration link on the modules page, I am simply taken to the media configuration category. There is no real guidance on what to do next. Not what I was expecting.

CommentFileSizeAuthor
#1 i1706600-1.png11.22 KBattiks
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

attiks’s picture

FileSize
11.22 KB

That link should take you to admin/config/media/breakpoints and should look like

i1706600-1.png

attiks’s picture

Fastest way to start is to first add some breakpoints into your theme.info file before enabling the breakpoints module.

Zen starterkit:

breakpoints[mobile] = (min-width: 0px)
breakpoints[narrow] = all and (min-width: 480px) and (max-width: 959px)
breakpoints[wide] = all and (min-width: 960px)

Omega:

breakpoints[mobile] = (min-width: 0px)
breakpoints[narrow] = all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)
breakpoints[normal] = all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)
breakpoints[wide] = all and (min-width: 1220px)
attiks’s picture

Is this still a problem? If so, feel free to re-open this issue

carajito’s picture

Hi I'm using omega, I copy and paste the breakpoints that you put on the #2 comment on the .info file of my sub-theme, I clear all caches and I did'n see nothing on the breakpoints module.

What is row?

attiks’s picture

Version: 7.x-1.0-beta2 » 7.x-1.x-dev

You need to disable/enable the theme and/or breakpoints module, the only time breakpoints are read from .info file is on enable.

attiks’s picture

Status: Active » Fixed

Latest dev allows you to reload breakpoints from a theme

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Yuri’s picture

Status: Closed (fixed) » Active

#attiks: I have installed the dev but see no 'reload breakpoints from a theme' setting?

Breakpoints are not loaded from Omega, not after disable/enable the theme and/or breakpoints module.

Can someone verify this please, thanks

Yuri’s picture

The readme of the breakpoints dev says

Multipliers
-----------
For the moment hard-coded: variable_get('breakpoints_multipliers', array('1x', '1.5x', '2x'));

and I also get an error message:
Error messageWarning: Invalid argument supplied for foreach() in resp_img_admin_breakpoints() (line 44 of /home/gezond/public_html/sites/all/modules/resp_img/resp_img.admin.inc).
So I guess the current dev is being worked on..

attiks’s picture

You added the breakpoints into your theme.info file?

Jelle_S’s picture

Status: Active » Postponed (maintainer needs more info)
attiks’s picture

Status: Postponed (maintainer needs more info) » Closed (works as designed)
dadderley’s picture

I have Breakpoints 7.x-1.0 installed. I am using it with Context and Context Breakpoint.
I have this:

Omega:
breakpoints[mobile] = (min-width: 0px)
breakpoints[narrow] = all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)
breakpoints[normal] = all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)
breakpoints[wide] = all and (min-width: 1220px)

Copied into my theme (omega sub-theme) .info file. It is imported into the breakpoints settings.

But, this does not yield useful parameters for Context and Context Breakpoint.
Is there some documentation for how to create these breakpoint settings?

attiks’s picture

Status: Closed (works as designed) » Active

Are you sure it isn't an issue with http://drupal.org/project/context_breakpoint

dadderley’s picture

To be honest, there are a lot of uncertainties here.

My objective is to have breakpoints set up so that I can create contexts that allow me to swap in blocks for each size of the display.
I have 4 separate blocks for the logo image and I have am trying to set it up so it will show a different logo block for each size.

One thing that I do know for sure is that if I have use this setting (as per the example configuration for omega):

breakpoints[mobile] = (min-width: 0px)

The block I have set for the mobile setting is displayed all of the time on all sizes.

If I have use this setting:

breakpoints[mobile] = (max-width: 740px)

The block I have set for the mobile setting is displayed only in the mobile size.

I know that the Context Breakpoint module is pretty new and is still in development. This may well be the problem. I added to an issue that I thought might be relevant over there http://drupal.org/node/1866322#comment-6923610.

But I do not know this stuff well enough to actually know what is going on.
I have been having some success playing with the breakpoints settings.
I suspect that some of the syntax in the omega example configuration may not be understandable by the breakpoints module.
Does the breakpoints module understand this:

breakpoints[narrow] = all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)

There are a lot of unknowns here. If I had a clearer understanding of how this particular syntax worked ut would be easier.

Sorry for sounding frustrated. I hope that I am explaining the situation clear enough.
Thanks

attiks’s picture

I had a quick look at the context breakpoints code, and they aren't using media queries to parse them, so probably the ones from omega are too complex.

You can try using simpler breakpoints to test, when/if I have time I'll try to propose a solution.

dadderley’s picture

@attiks
Thank you for looking at this.
That is what I was thinking, but could not articulate.
I am trying to wrap my head around this and am having a tough time of it.

Does the breakpoints module itself parse the omega breakpoints?
I would like to use it for image styles

attiks’s picture

Breakpoints doesn't parse breakpoints, they are passed as configured to other modules.

For image output you can have a look at http://drupal.org/project/picture

StuartDH’s picture

For me, I think the issue was not disabling then re-enabling the theme...could maybe do with emphasising the need to do this by making it a separate step on http://drupal.org/node/1902264

Followed the rest of the steps and all works brilliantly!

Thanks for the modules

attiks’s picture

Looks like you found the docs

sackwort’s picture

Do breakpoints have to be added to the .info file, or can they be added via the module itself using the configuration form shown in the above comment #1?

attiks’s picture

#21 You don't have to add them to the theme, you can use the UI to create them.

sackwort’s picture

Excellent. Thank you.

attiks’s picture

Category: bug » support
Status: Active » Closed (fixed)