Comments (2)
Hello,
Could you provide static html file please.
from freewall.
It seems you don't trigger the rearrange after you switch tabs. If you only run freewall.fitWidth()
on the initial page load, it won't arrange the content on the hidden tabs because javascript cannot calculate the sizes of not rendered items.
$('#myTab a').click(function (e) {
e.preventDefault();
$(this).tab('show');
// here you need to rearrange the wall
setTimeout(function() {
freewall('#myTab .wall').fitWidth();
}, 0);
});
The setTimeout
may not be needed, but it usually gives browser time to render the tab (and the wall), and then let freewall do the calculations in the next cycle.
from freewall.
Related Issues (20)
- Keep tile ratio HOT 2
- fixSize: 0 not always keeping ratio HOT 2
- ImagesLayout + Filter = Impossible?
- Need data-position on block HOT 1
- Using Freewall with Media Queries/Breakpoints
- vnjs.net down? HOT 6
- Freewall with Easy Tabs
- Preview website not working HOT 2
- Wall extends beyond right edge when fitwidth is used HOT 1
- Square pictures get oversized
- Gap to the right of the grid.
- how can set freewall with bootstrap 3 ?
- Problem with right to left
- Wall items drops off over edge when using col-12
- Boxes that take up more than the visible columns disappearing
- Positioning of tiles broken in specific width
- Freewall Plugin
- On Drag do not push out / knock out other elements. Only swap with final item?
- Can Freewall make the grid as 2/3 , and 1/3 in grid?
- Lazy Loading Images On Scroll
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from freewall.