Use Tooltip on Sidenav Slim


Topic: Use Tooltip on Sidenav Slim

rashesh patel asked 2 years ago

Hi,

How can I use tooltip in side nav slim on the particular icon of 'MDBSideNavCat' which has 'MDBSideNavLink' also?


Piotr Glejzer staff commented 2 years ago

Did you try to use MDBTooltip to do this?


rashesh patel commented 2 years ago

Yes, I have used that and It shows tooltip but after that 'MDBSideNavLink' is not open.


Piotr Glejzer staff commented 2 years ago

Do you have some console errors?


rashesh patel commented 2 years ago

Hi Piotr

I have to use MDBTooltip on

        <MDBSideNavCat
            name="XYZ"
            id="dashboard-cat"
            icon="users"
            className="SideNavSlim"
          >
            <MDBSideNavLink to="./Option1">Option 1</MDBSideNavLink>
            <MDBSideNavLink to="./Option 2">Option 2</MDBSideNavLink>
            <MDBSideNavLink to="./Option 3">Option 3</MDBSideNavLink>

          </MDBSideNavCat>

Please Suggest How to use???


Piotr Glejzer staff commented 2 years ago

            <MDBTooltip placement='top'>
                <MDBSideNavLink to='/Option1'>Submit listing</MDBSideNavLink>
                <div>MDBTooltip on top</div>
              </MDBTooltip>


like that?


rashesh patel commented 2 years ago

Hi Piotr I have to show tooltip on Icon which is in 'MDBSideNavCat' when sidenav is in slim position.


Piotr Glejzer staff commented 2 years ago

Ok, there is a problem with that. I will try to figure out of this.


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.18.1
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags