Missing form.io icons

It could happen that the portal is missing certain icons in form.io components. This page will explain how to add these icons to your portal implementation.

The problem with the missing icons is that form.io currently still uses an old version of fontawesome. You Portal implementation should include fontawesome version 4 in order to properly show the icons

To fix this problem open your index.html file and add the following links to your <head>

  <!--  Form IO builder uses icons that are in font awesome 4, but not in font awesome 5-->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
        integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous"/>
  <link href="https://fonts.googleapis.com/css?family=Fira+Sans:300,400,600%7CMaterial+Icons%7CMaterial+Icons+Outlined"

That's it. Restart your application and the icons should be visible

Last updated