0
1
2
3
4
5
6
7
8
9
Contact Us
1 / 1
slide-image
Formbuilder customization
1 / 1
slide-image

Project Details

Our project aimed to develop a customizable form builder tailored to specific business requirements. Key features included real-time customization of form styles using intuitive controls like sliders, inputs, checkboxes, and color pickers. Additionally, the system needed to support dynamic loading of components from the backend to accommodate diverse marketing campaign needs and allow for easy addition of new options in a modular manner.

To expedite development, we opted to integrate an existing, free form builder library into our solution. However, adapting this library to meet the client's unique requirements proved challenging due to its complex architecture and limited internal documentation. We had to rely heavily on code exploration and trial-and-error methods to implement custom style adjustments and ensure consistency across different states of the form.

While the library offered extensive options for standard modifications via a modal interface, our client needed more tailored solutions. They specifically requested a streamlined interface, with only essential options accessible from a sidebar, along with some non-standard features. This necessitated the development of a flexible mechanism for updating form fields, enabling efficient addition of new options while supporting conditional logic.

Moreover, we encountered differences in how the library handled single-page versus multi-page forms, adding another layer of complexity to the project. To seamlessly integrate the generated form into the client's website without affecting existing styles, we utilized web components technology, ensuring complete isolation of the form.

This project showcased our ability to adapt and extend existing solutions to meet specific business needs, highlighting our innovative approach to design and implementation while overcoming challenges associated with modifying third-party libraries.

 

Project Crew

contribution-logo
Frontend Development
Enhanceв Formio with client-specific features without rewriting its base code
Technologies
Vue.js
Details
Time iconTime Spent
100h

Similar Projects

NowWhat
technology iconPHP
technology iconPHP Hyperf
technology iconWordPress
technology iconWeb
technology iconHealthcare
technology iconcancer
technology iconFigma
technology iconVue.js
technology iconHTML5
technology iconCSS/CSS2/CSS3
technology iconPUG
technology iconaxios
technology iconSocket.io
technology iconDay.js
Hiex
technology iconVue.js
technology iconTypeScript
technology iconaxios
technology iconcookies
technology iconcss
technology iconhtml
technology iconPUG
technology iconcrypto
Clubhouse fitness website
technology iconNode.js
technology iconVue.js
technology iconMailChimp
technology iconadmin.js
technology iconStripe Payment
technology iconHealthcare
technology iconWeb
technology iconSports & Fitness
technology iconaxios
technology iconChart.js
technology iconi18next
technology iconSocket.io
technology iconFigma
technology iconWebdriver.io
technology iconManual Testing
technology iconTest Automation
technology iconDay.js
AI Chef
technology iconVue.js
technology iconAI
technology iconChat GPT
technology iconpinia
technology iconTypeScript
technology iconaxios
technology iconPUG
technology iconStrapi
technology iconchatbot
technology iconWeb
technology icondish
technology icondish generator
TravelBid
technology iconNode.js
technology iconVue.js
technology iconux
technology iconui
technology icontravel
technology iconHTML5
technology iconPUG
technology iconSocket.io
technology iconStripe
technology iconPayPal
Colorado Sports Video
technology iconVue.js
technology iconStripe
technology iconGoogle maps
technology iconTypeScript
technology iconPUG
technology iconsaas
technology iconpinia
technology iconv-calendar
technology iconPHP
technology iconMySQL
technology iconLaravel
technology iconsendgrid
technology iconJira
technology iconSports & Fitness
technology iconGaming
technology iconvideographer
technology iconFigma
AR Magic Print
technology iconVue.js
technology iconTypeScript
technology iconCanvas
technology iconThree JS
technology iconCSS/CSS2/CSS3
technology iconcss animations
technology iconaxios
technology iconStrapi
technology iconthreejs
technology icon3D
technology iconAR
technology iconimage-editor
Bracketology - Fantasy Gaming Platform
technology iconVue.js
technology iconAWS
technology iconWordPress
technology iconRuby
technology iconWeb
technology iconGaming
technology iconTypeScript
technology iconCSS/CSS2/CSS3
technology iconHTML5
technology iconPUG
technology iconaxios
Drone & Satellite AI for Mapping and GIS
technology iconAI
technology iconML
technology iconTensorFlow
technology iconpytorch
technology iconScikit-learn
technology icondarknet
technology iconkeras
technology iconNumpy
technology iconOpenCV
technology iconjupyter
technology iconGoogle Colab
technology iconPandas
technology iconSciPy
technology iconNLTK
technology iconMatplotlib
technology iconPillow
technology iconSeaborn
technology iconOpenVINO
technology iconMATLAB
technology iconfastai
technology iconBuilding
technology icondrone photos
technology iconobject detection
technology iconforest configuration
technology icondetect changes
technology iconsatellite imagery
technology iconMachine Learning
Shell Chair
technology iconWebFlow
technology iconCSS/CSS2/CSS3
technology iconJavaScript
technology icondevelopment
technology iconanimations
Banska Stavnica Historical VR Tour
technology iconUnity
technology icon3D
technology iconE-learning
technology iconC#
technology iconBlender
technology iconSubstance Painter
technology iconPhotoshop
technology iconHoudini
technology iconAutodesk 3ds Max
technology iconAVPro
technology iconCurvedUI
technology iconAmplify Shader Editor
technology iconOpenVR
Hydra.Projects
technology iconPHP
technology iconLaravel
technology iconReact
technology iconNext.js
technology iconDevOps
technology iconinfrasctructure
technology iconservice
technology iconerp
technology iconmanagement
technology iconcompany management
technology iconemployees
technology iconprojects
technology iconnotifications
technology iconFormik
technology iconSails.js