Topic: Looking for help with ”Bootstrap lightbox” MDB React PRO component
okia pro asked 6 years ago
Hello!
May I ask you please to help me with the using ‘Bootstrap lightbox’ PRO component?
*Short version*:
”Bootstrap lightbox” MDB React PRO component does not seem to work out-of-the-box, see here: https://drive.google.com/open?id=12Do8VpN1xV-qeFSeTUjT7cGSxzA-pvsb
*Long version*:
Here is what I did:
Step 1: Followed all the steps from the https://mdbootstrap.com/react/5-min-quick-start/ tutorial
Step 2: Copied ‘Advanced Double Navigation with fixed SideNav & fixed Navbar’ snippet from https://mdbootstrap.com/react/layout/react-navigation/ by pressing “copy code” button and saved it to the file.
Step 3: Composed a very simple app comprising just one ‘Advanced Double Navigation with fixed SideNav & fixed Navbar’ component:
Step 4: Added `
react-image-lightbox
` dependency
Step 5: Copied ‘Bootstrap lightbox’ snippet from https://mdbootstrap.com/react/advanced/lightbox/ , saved it to the file as LightboxPage
component
Step 6: Included this component into DoubleNavigationWithFixedSideNavFixedNavbar
, so it looks like this now:
“`
class DoubleNavigationWithFixedSideNavFixedNavbar extends React.Component {
…
<mainstyle={mainStyle}>
{/* <Container fluid style={{height: 2000}} className=”mt-5″>
<h2>Advanced Double Navigation with fixed SideNav & fixed Navbar:</h2><br/>
<h5>1. Fixed side menu, hidden on small devices.</h5>
<h5>2. Fixed Navbar. It will always stay visible on the top, even when you scroll down.</h5>
</Container> */}
<Container fluid style={{height:2000}} className=”mt-5″>
<LightboxPage/>
</Container>}
</main>
…
}
“`
Note: I intentionally commented out original content to help you locate the place
Step 4: run and observe the result, here is what I am seeing: https://drive.google.com/open?id=12Do8VpN1xV-qeFSeTUjT7cGSxzA-pvsb
Issue 1: is a known bug and you are [supposedly] working on it, see https://mdbootstrap.com/support/looking-for-help-with-advanced-double-navigation-with-fixed-sidenav-fixed-navbar-component/ for more details
Issue 2: this is NOT what I am expecting from the “lighbox” PRO component. I’d expect enlarged photo (after click) to reside in the component’s area, not below as of now. What is wrong here?
Any help will be greatly appreciated!
Sincerely,
Add comment
Jakub Mandra staff answered 6 years ago
Hello,
I've found what is going on with that Lightbox's bug.
We are releasing new version today and this will be repaired.
Thank you for a such detailed description of the problem.
Best regards,
Jakub from MDB
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB React
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: Yes
Tags