Custom Form UI With a Left Side Navigation Panel

This guide includes a custom UI example template for a Formyoula form.

image

Download Template:

[Example Form] Left Side Navigation Panel.json5.0KB

Example JavaScript:

// Side Panel
$("#component-d314-bd65-7c2e")
    .wrapAll('<div class="col-xs-3">');
    
// Form Fields
$("#component-72a5-0a06-1db3, #component-a36c-8b45-f418, #component-9654-e68b-703f, #component-349f-f987-7399, #component-f9a9-b322-6047, #component-3606-9574-1c71, #component-1dc9-cfb6-0fab, #component-6a80-5973-3508, #component-609f-bec7-d517, #component-c4bb-3303-2808")
    .wrapAll('<div class="col-xs-9">');

For any questions, please contact us - [email protected] or the Formyoula in-app chat 🙂