title: How to use jQuery's inputmask in AdminLTE when included via composer
body: <h1>Short version</h1>
  
  <p>How do I use <code>inputmask</code> from a <code>twig</code> inheriting from the <code>avanzu/AdminThemeBundle</code> base?</p>
  
  <h1>Context</h1>
  
  <p>I'm using the AdminLTE admin panel template (<a href="https://adminlte.io/" rel="nofollow noreferrer">https://adminlte.io/</a>) in a symfony3 project.</p>
  
  <p>To do so, I use the Avanzu project (<a href="https://github.com/avanzu/AdminThemeBundle" rel="nofollow noreferrer">https://github.com/avanzu/AdminThemeBundle</a>) which allows me two main advantages:</p>
  
  <ul>
  <li>I'm able to install it via composer.</li>
  <li>I have pre-made twig blocks which I can just overwrite in my twigs, for reusability.</li>
  </ul>
  
  <p>The thing is that I need an <code>&lt;input&gt;</code> in a form to express an amount in Euros. I wanted to use the <code>inputmask</code> which you can see in action in AdminLte here: <a href="https://adminlte.io/themes/AdminLTE/pages/forms/advanced.html" rel="nofollow noreferrer">https://adminlte.io/themes/AdminLTE/pages/forms/advanced.html</a></p>
  
  <p>Buen when I place this code...</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label&gt;Intl US phone mask:&lt;/label&gt;
      &lt;div class="input-group"&gt;
          &lt;div class="input-group-addon"&gt;
              &lt;i class="fa fa-phone"&gt;&lt;/i&gt;
          &lt;/div&gt;
          &lt;input class="form-control" data-inputmask="'mask': ['999-999-9999 [x99999]', '+099 99 99 9999[9]-9999']" data-mask="" type="text"&gt;
      &lt;/div&gt;
  &lt;!-- /.input group --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>...the only thing I can see is the input box but no mask in it. Seems that the HTML works but the JS does not.</p>
  
  <p>(PD: The code is a phone instead of Euros because I started copying the example to later edit it.)</p>
  
  <h1>Prerequisites</h1>
  
  <p>I have already run the <code>php bin/console avanzu:admin:fetch-vendor</code> command and the <code>php bin/console assets:install --symlink</code> both mentioned here <a href="https://github.com/avanzu/AdminThemeBundle" rel="nofollow noreferrer">https://github.com/avanzu/AdminThemeBundle</a></p>
  
  <p>I also have the assetic bundle in place and pre-loaded in the kernel.</p>
  
  <h1>More context</h1>
  
  <p>In my page, I see that the main template is including all LTE javascripts:</p>
  
  <pre><code>&lt;script src="/hello-trip/dislodge-galvanize/web/bundles/avanzuadmintheme/static/dev/scripts/admin-lte-all.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Also if I explore <code>admin-lte-all.js</code> it is there and searching for <code>inputmask</code> reveals it is there in the minified version:</p>
  
  <p><a href="https://i.stack.imgur.com/fZqTT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fZqTT.png" alt="enter image description here"></a></p>
  
  <p>But still, in the page, I can see this:</p>
  
  <p><a href="https://i.stack.imgur.com/cqvEY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cqvEY.png" alt="enter image description here"></a></p>
  
  <p>While in the demo site, I can see this:</p>
  
  <p><a href="https://i.stack.imgur.com/RaCgW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RaCgW.png" alt="enter image description here"></a></p>
  
  <p>IDK what's going on or if I should do something else.</p>
  
  <h1>Question</h1>
  
  <p>What should I code in my twig to make a <code>&lt;input class="form-control" data-inputmask="'mask': ['999-999-9999 [x99999]', '+099 99 99 9999[9]-9999']" data-mask="" type="text"&gt;</code> input to work?</p>