Topic: Render input fields into html structure

Christian Cazzaro pro asked 2 years ago


I would like to build an application that renders input fields into a beautiful HTML document that can be exported to PDF.

I took a screenshot of one of your tool builders ("meta tags builder"), available here:

Here it is perfectly visible what I would like to achieve. The user inserts text on the input fields (right side of the page) and text is rendered on the left side of the page inside a card.

How can I achieve that by using MDB5 Pro?

Thank you enter image description here

Grzegorz Bujański staff answered 2 years ago

The builders on our website are not a component that is included in the MDB package. We created them from scratch and unfortunately, we do not share their code.

But creating such a builder is very simple. You need to create a form with inputs where the user can add text for specific elements. On input change, you need to update the preview that the client sees

I created a snippet showing how you can easily achieve a similar effect on the card component:

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 4.2.0
  • Device: MacBook Pro
  • Browser: Chrome
  • OS: iOS
  • Provided sample code: No
  • Provided link: Yes