Skip to content
Mottie edited this page Jan 3, 2013 · 1 revision

columns (v1.1)

  • Tell the plugin which elements to target inside the wrapper.
  • If the target elements have a class name, you can just as easily target that name ".blog-post" using this option.
  • By default this option is set to "> div" telling it to only target immediate children of the wrapper that are divs. See the jQuery child selector for more information.

useHeight (v1.0)

  • Set the type of height value to use.
  • This setting isn't nearly as important since jQuery 1.8+ changed how it gets the height based on the css box-sizing setting (ref).
  • Set this option to "o" or "outer" to get the outer height (height + padding + border + margin).
  • Set this option to "i" or "inner" to get the inner height (height + padding + border).
  • Default is "height" ("h" works too) to get the height only.

resizable (v1.0)

  • This option is set with a boolean value.
  • If true, the height will be adjusted as the window resizes.
  • If false the height will not be adjusted automatically, but can be updated using the update method.
  • Default is true.

min (v1.0)

  • Set a minimum height to be applied to all columns.
  • If any value greater than zero is added to this option, the column height will not be set below this minimum setting.
  • Default is 0 (meaning there is no minimum set).

max (v1.0)

  • Set a maximum height to be applied to all columns.
  • With any value greater than zero, the column height will not be set to a value higher than this setting.
  • If the height is greater than this setting, then the class from the overflow option will be applied to all the columns in the same row.
  • Default is 0 (meaning there is no maximum set).

breakpoint (v1.2)

  • Set this to the minimum width at which any width of the wrapper element below this value will disable (suspend) the equalizer plugin from adjusting column heights.
  • Added to allow this plugin to work with adaptive websites.
  • See the adaptive demo to get a better idea of how it works.
  • Note that the class name isn't required if the wrapper is the same width as the browser window and you are using media queries to change the document appearance.
  • Default is null (meaning no breakpoint is set).

disabled (v1.2)

  • This option contains the class name that is applied to the wrapper when the wrapper element width is below the breakpoint option set width.
  • This class can contain anything you desire. In the adaptive demo, it unfloats the columns, sets the column width to 100% and adjusts the removes the side margins.
  • The fixed height of the column is automatically cleared, so no need to set a height in the css, unless you so desire.
  • Default is noresize.

overflow (v1.0)

  • This option contains the class name that is applied to all of the columns in a row when at least one column is taller than the allowable max height; set by the max option.
  • This class can contain anything you desire. In the main demo it applies overflow: auto; and changes the background color to make it stand out.
  • This class is removed once all columns in the row are less than the max height setting.
  • Default is overflowed.
Clone this wiki locally