Using Masonry inside a Tab


Topic: Using Masonry inside a Tab

capitalten asked 5 years ago

I'm trying out the Masonry feature inside a Tab.

There's no problem when the masonry is placed inside the default active tab.The masonry simply loads when the page is loaded.

However, when a non-active tab containing masonry is activated (ie. the tab button clicked), the masonry items are all tiled (ie. overlapped) in a single location. I had to resize the window to cause the masonry to arrange the items. I guess that by changing the window size, it triggers the JavaScript to run.

I'd like to make the masonry displayed properly when a tab button is clicked. How do I resolved this problem.


TomekMakowski staff answered 5 years ago

OK i'm going to solve this problem but first could you show me the code ?


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: MacBook Pro
  • Browser: Safari
  • OS: macOS
  • Provided sample code: No
  • Provided link: No
Tags