How can I override to automatic left-alignment in the beautiful-beautiful jQuery Isotope (Source on GitHub)?
Thanks!
How can I override to automatic left-alignment in the beautiful-beautiful jQuery Isotope ( Source
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
How can I override to automatic left-alignment in the beautiful-beautiful jQuery Isotope (Source on GitHub)?
Thanks!
You have two options: Re-engineer Isotope’s layout logic, or build your own layout mode.
Isotope’s layout logic is progressively enhanced to use CSS transforms when available, but fall back to top/left positioning. So if you pass in coordinates x, y to the
getPositionStylesmethod it will either return with{ translate: [ x, y ] }or{ left: x; top: y }. The problem with right-to-left layouts is that it would work with{ right: x; top: y }, but it would break with the CSS transform equivalent.Building your own layout mode might be the more accessible route. Eventually I need to write the docs as to how to develop your own custom layout mode. But you might able to do it yourself by reading the source. You’ll find that each layout mode is broken up into 4 required methods
_layoutnameReset,_layoutnameLayout_layoutnameGetContainerSizeand_layoutnameResize.I have opened an issue on GitHub so you can track status on this feature request.