masonry Questions
5
Solved
I am building a web that would use Bootstrap 5, the web would have a section which displays several cards like this
As you can see, each card may have different sizes (Depending on the description...
Araceli asked 27/12, 2020 at 16:45
4
Solved
Why can't I show 4 items by row if the width of each one is 25% and the gutter param is 10? Please help me!
$('.grid').masonry({
itemSelector: '.grid-item',
columnWidth: '.grid-sizer',
gutter: ...
Ulpian asked 19/6, 2015 at 10:9
5
Solved
My issue is that i want to display data in a block format using the bootstrap 3 grid system however i dont want the annoying whitespace gaps that happen from the height being constrained to the abo...
Rake asked 18/12, 2014 at 15:29
1
Solved
I am trying to use the Masonry plugin with Bootstrap5 and NuxtJS. When I follow the example here
https://getbootstrap.com/docs/5.0/examples/masonry/ and incorporate it into my own codesandbox, I no...
Warrick asked 13/5, 2021 at 11:43
1
Solved
I am currently trying to create a "wall" of cards from a dataframe for a hobby Shiny app. Adapting from this SO answer, here is a minimal complete example of my code:
library(shiny)
df <- read...
2
My target is to use CSS grid layout for a two-column masonry layout of boxes. Given an element with children:
<section>
<div></div>
<div></div>
<div></div...
4
Solved
I have a masonry grid using masonry/packery js plugin in a CMS and it is very cumbersome for the users to manage the images because they need to be exact ratios to get the proper brick effect and f...
Fascinator asked 13/6, 2018 at 15:18
4
Solved
I have followed the documentation exactly and the layout complete event isn't working. Example can be seen here:
http://jsfiddle.net/9464buy5/
<div id="items">
<div class="item"><...
Papen asked 10/12, 2014 at 12:0
3
Solved
Objective-C
[textView mas_makeConstraints:^(MASConstraintMaker *make) {
make.edges.mas_equalTo(UIEdgeInsetsZero).priorityLow();
make.top.mas_equalTo(imageView.mas_bottom).offset(20);
}];
I wan...
2
Hello everyone and I hope you're doing well. I am using Isotope and below you can see the JavaScript that I have written. I find it impossible to center li elements if they are the Isotope elements...
Thermosphere asked 29/7, 2016 at 8:5
1
Solved
I am having an issue with Masonry where if I need one element to be 100% width and the rest to be 50% width, the layout no longer puts my elements adjacent to each other. What I would like is for t...
Hensley asked 26/5, 2016 at 5:6
2
So I'm trying to achieve a continuous loop effect on a page that contains a masonry grid.
Basically I have a full page masonry grid that I want to loop on scroll up or down.
Currently I have this...
Shon asked 4/5, 2016 at 20:3
1
I'm trying to get Packery / Masonry to work on a component. Packery is detecting the container but giving it a height of zero suggesting the content hasn't loaded even though I'm using imagesLoaded...
Ampereturn asked 11/5, 2016 at 10:6
2
Solved
Is there some way to use flexbox in React Native to achieve a Masonry / Pinterest style columns?
Terra asked 3/7, 2015 at 11:8
1
Solved
I'm building a masonry grid which needs to have the following output:
But the problem is masonry is going to fill horizontal space first and after that it's going to fill the vertical spacing. S...
Ere asked 15/8, 2015 at 16:53
2
Solved
I am using a masonry plugin but my images are overlapping when the page first loads. If I change the width of the browser they fall into place. The developer told me to do the following but I am un...
Sp asked 13/8, 2015 at 15:10
3
Solved
So here's what I'm trying to do. I have a grid with a lot of images, so I'm using the imagesLoaded library along with masonry.
Here's my CSS:
.grid {
opacity:0;
}
And HTML:
<div class="gri...
Rhetoric asked 6/2, 2015 at 17:36
2
Solved
I'm attempting to tile multiple Instagram embeds with Masonry. Problem is the instagram embeds change sizes after loading so the layout leaves gaps.
Is there a callback that i can use when all ins...
Markson asked 22/5, 2015 at 8:42
1
Solved
so I have scoured stackoverflow and found some similar articles but nothing has worked for me yet. I am creating a rails app and I want to use the Masonry for my layout. I have tried uploading the ...
Childs asked 18/7, 2014 at 0:1
2
Solved
Hi everyone i have one problem about masonry items.
I have created this DEMO from codepen.io
In this demo you can see there is this javascript code:
$(window).load(function()
{
$( function() {
v...
Franek asked 5/3, 2015 at 9:59
2
Solved
I'm trying to create a horizontal masonry layout using only CSS and flexbox. The problem I'm having is there are vertical gaps between the elements, without using align-left: stretch; is it p...
3
Solved
Is there a way to call the orientationchange event inside an AngularJS directive?
I'm currently working with angular-masonry and I'm trying to update/refresh
masonry when the orientation of the ...
Breakdown asked 10/4, 2014 at 14:49
1
Solved
Trying to not use a jQuery script for a masonry effect so looking to CSS for alternatives.
I am trying to use column count, which appears to be working but not as expected.
So the columns are the...
9
I'm creating a 2 column masonry layout using images of different sizes. The images can be any size as long as they have the greatest common divisor (as required by the Masonry plugin).
In order to ...
Baklava asked 11/11, 2014 at 14:5
2
I have divs that expand and contract when clicked on. The Masonry library has worked great for initializing the page. The problem I am experiencing is that with the absolute positioning in place fr...
Grammatical asked 14/5, 2014 at 1:29
1 Next >
© 2022 - 2024 — McMap. All rights reserved.