As Tabs in small screens, DIVs in large screens


Topic: As Tabs in small screens, DIVs in large screens

fumarmata pro asked 12 months ago

Hello! I have created a set of tabs, following these instructions and it is working very well, but I would like to behave in a different responsive way:

  • Small screens/devices: it works as regular tabs
  • Large screens/devices: it works as regular divs. I want the contents to unfold, and behave as regular divs

How can I accomplish that?

Thanks!


Krzysztof Wilk staff answered 12 months ago

Hi!

I think the only way is to manipulate with tabs opacity and display CSS properties. I made a snippet for you. You can check the result here: https://mdbootstrap.com/snippets/jquery/krzysztof-wilk/2779879#html-tab-view

Hope it'll meet your expectations :)

Best regards


fumarmata pro commented 12 months ago

Ooh that's perfect! I thought that it would be much more convoluted!. Thank you!


Krzysztof Wilk staff commented 12 months ago

Glad I could help :)

If you have more questions - feel free to ask :)

Best regards


Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.2
  • Device: iPhone, Desktop
  • Browser: All
  • OS: windows, mac
  • Provided sample code: No
  • Provided link: Yes