Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


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,

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

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

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB React
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: Yes
Tags