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: Make draggable flip cards connectable

kryten free asked 4 years ago


Hi I would like to make an app which would need the draggable, flipppable cards to be connected by clicking a connector handle on one card and drawing the line/connector to the next flippable card.

Is this possible? What is recommended plugin?

I'm ok with implementing code, but don't want to write something from scratch, want lib, if possible.


Tomek Makowski staff commented 4 years ago

Hi

In our documentation are plenty of examples of material cards that are draggable or flippable.

Draggable(draggable plugin) : https://mdbootstrap.com/plugins/jquery/draggable/

Flippable(pro package): https://mdbootstrap.com/plugins/jquery/flipping-cards/

Best, regards


kryten free commented 4 years ago

Hi

Yes..... I can see that there are draggables. I can also see that there is a premium add-on for flippable cards. That's great!

But the question was not about draggables, or flippables... the question was about connecting them with dynamic lines/vectors. The references to draggables and flippables was just intended to provide context as to what components I want to be able to connect with lines/dynamic vectors. Put another way, I'm trying to find a way to connect (draggable/flippable) cards with lines (connectors). A bit like in Visio.

Any suggestions , recommendations or examples for this? I wondered if perhaps where was something in the pro kit that could do this?

Thanks


Tomek Makowski staff commented 4 years ago

Hi

Unfortunately, we do not provide functionality like this. You have to this on your own.

Regards



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.1
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No