airarrazaval / formio-export Goto Github PK

I have a requirement on select components as
We have select component with options/Data Source Values (Ex: opt1, opt2, opt3)
Now I'm going to submit the form in formio tag, But unfortunately opt4 is not in the select component list values/Data Source Values.
So I have to provide Add button (+) at select component like below to add options that missed at the time of submission
even if the values getting from the RestApi/URl for those also i have to add missed Data Source Values

Is it possible to export the actual form design in Form.io as HTML/CSS?

I am using EditGrid component and having data to export as .PDF

https://prnt.sc/26nb7z7
But when i converted to .PDF its showing [Object Object]

https://prnt.sc/26nb736

Hi, The live demo does not seem to be working anymore

Project looks to be abandoned. Any plan to improve it or other ideas in this area?
For example, html element is missing and this library is not supporting JSONLogic conditions yet.

{
"components": [
{
"label": "HTML",
"className": "",
"attrs": [],
"content": "Please fill all the details below.",
"refreshOnChange": false,
"mask": false,
"tableView": true,
"alwaysEnabled": false,
"type": "htmlelement",
"input": false,
"key": "html"
},
{
"label": "Email",
"tableView": true,
"alwaysEnabled": false,
"type": "email",
"input": true,
"key": "email2"
},
{
"label": "Phone Number",
"allowMultipleMasks": false,
"showWordCount": false,
"showCharCount": false,
"tableView": true,
"alwaysEnabled": false,
"type": "phoneNumber",
"input": true,
"key": "phoneNumber2"
},
{
"type": "button",
"label": "Submit",
"key": "submit",
"disableOnInvalid": true,
"theme": "primary",
"input": true,
"tableView": true
}
]
}

above is the component structure, I tried but couldn't find out, can you guys please help me to render the html data, 1st object in the above array. Thanks.

Hi, I added the <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/formio-export.min.js"></script> under the script that loads formio.full.min.js and when i try to run the code below, i get the error

Uncaught ReferenceError: FormioExport is not defined
at HTMLButtonElement. (:47:21)
at HTMLButtonElement.dispatch (index.js:3)
at HTMLButtonElement.elemData.handle (index.js:3)

let exporter = new FormioExport(component, submission, options);

exporter.toHtml().then((html) => {
  document.body.appendChild(html);
});

let config = {
  download: false,
  filename: 'example.pdf'
};

exporter.toPdf(config).then((pdf) => {
  // download the pdf file
  pdf.save();
  // get the datauri string
  let datauri = pdf.output('datauristring');
})

I have both a Fiddle as well as a gist that reproduces this issue. Any help would be greatly appreciated.