Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[BUG]

See original GitHub issue

Environment

Local using latest build https://unpkg.com/formiojs@latest/dist/formio.full.min.js

Formio.js version: Lastest
Browser: All

Steps to Reproduce

Display a form using viewAsHTML or renderMode: ‘html’

Expected behavior

Should display for the submission without controls and data. No way to display only data with current builds.

Observed behavior

viewAsHTML does not remove controls as it did in 3.x
renderMode does not render any values.

Example

https://jsfiddle.net/0Lvtaxes/

<div id='formio'></div>

<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

<!-- bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

<!-- formio -->
<link rel='stylesheet' href='https://unpkg.com/formiojs@latest/dist/formio.full.min.css'>
<script src='https://unpkg.com/formiojs@latest/dist/formio.full.min.js'></script>

<!-- code -->
<script type='text/javascript'>
  Formio.createForm(document.getElementById('formio'), 'https://examples.form.io/example', {
    readOnly: true,
    renderMode: 'html'
  }).then(function(form) {
    form.submission = {
      data: {
        firstName: 'Joe',
        lastName: 'Smith',
        email: 'joe@example.com'
      }
    };
  });
</script>

Issue Analytics

State:
Created 4 years ago
Comments:16 (3 by maintainers)

Top GitHub Comments

2reactions

MohitNaroliyacommented, Nov 21, 2019

@aiwebb - form.redraw() works for me but the Google Address field value show as [object Object].

1reaction

jhen1422commented, Dec 9, 2019

@themattkenney We are hoping to get this item fixed with a new build by early next week.

Top Results From Across the Web

bug - Wiktionary

(entomology) An insect of the order Hemiptera (the “true bugs”). Any of various species of marine or freshwater crustaceans; e.g. a Moreton Bay...

Bug Definition & Meaning - Merriam-Webster

The meaning of BUG is any of an order (Hemiptera and especially its suborder Heteroptera) of insects (such as an assassin bug or...

Bug (2006) - IMDb

An unhinged war veteran holes up with a lonely woman in a spooky Oklahoma motel room. The line between reality and delusion is...

Bug - Wikipedia

A terrestrial arthropod animal (with at least six legs). Insect, a six-legged arthropod · Covert listening device, used in surveillance, espionage and policing ......

Bug Definition & Meaning - Dictionary.com

The word bug is often used to refer to tiny creatures that crawl along, such as insects and even small animals that are...