title: FuelUX Wizard How to disable specific steps?
body: <p>In my web form I am using fuelux wizard (link: <a href="http://getfuelux.com/javascript.html#wizard" rel="nofollow">http://getfuelux.com/javascript.html#wizard</a> ) and I have different roles of people coming to this page. What I need is to be able to "disable" certain steps of the wizard based on some data I obtain at page load. I believe it will have something to do with styling of it but I haven't had any luck in finding what I need.</p>
  
  <p>For example,</p>
  
  <p>I have steps 1-6, and say a user comes to the page. I identify him as a Data Architect, thus I need to disable steps 4 and 6. I have a few specific roles which I need to disable certain combinations of tabs for each individual role. </p>
  
  <p>Could this be done by calling some javascript for fuel ux based on what role I identify the user as in code behind? And what changes would I need to a specific step to make user not able to access it?</p>
  
  <p>Edit: </p>
  
  <p>Here are my steps:</p>
  
  <pre><code>    &lt;ul class="steps"&gt;
  
              &lt;li data-step="1" data-name="Documentation" class="active"&gt;&lt;span class="badge"&gt;1&lt;/span&gt;Documentation&lt;span class="chevron"&gt;&lt;/span&gt;&lt;/li&gt;
              &lt;li data-step="2" data-name="Business"&gt;&lt;span class="badge"&gt;2&lt;/span&gt;Business&lt;span class="chevron"&gt;&lt;/span&gt;&lt;/li&gt;
              &lt;li data-step="3" data-name="Application"&gt;&lt;span class="badge"&gt;3&lt;/span&gt;Application&lt;span class="chevron"&gt;&lt;/span&gt;&lt;/li&gt;
              &lt;li data-step="4" data-name="Data"&gt;&lt;span class="badge"&gt;4&lt;/span&gt;Data&lt;span class="chevron"&gt;&lt;/span&gt;&lt;/li&gt;
              &lt;li data-step="5" data-name="Infrastructure"&gt;&lt;span class="badge"&gt;5&lt;/span&gt;Infrastructure&lt;span class="chevron"&gt;&lt;/span&gt;&lt;/li&gt;
              &lt;li data-step="6" data-name="Security"&gt;&lt;span class="badge"&gt;6&lt;/span&gt;Security&lt;span class="chevron"&gt;&lt;/span&gt;&lt;/li&gt;
  
       &lt;/ul&gt;
  </code></pre>
  
  <p>My question really is, is there a way to disable certain data-steps from the code behind? </p>