CODEWITHSUNDEEP
angularjsangular-ui-bootstrapfuelux
bob.mazzo
bob.mazzo

Reputation: 5637

Adding a Fuelux wizard to an Angular project

I'm reading https://github.com/ExactTarget/fuelux in order to get familiar with the Fuelux wizard, and how I can integrate it with my AngularJS project.

In the non-AMD section it says :

Non-AMD If you'd prefer not to use AMD, simply add the loader script to the head tag of your page:

<script src="http://www.fuelcdn.com/fuelux/2.6.1/loader.min.js" type="text/javascript">    </script>

but something in jquery is conflicting with my angular routes.

I'm also using this as a guide, and adding the necessary css links and requirejs links; however the wizard does not render properly (as if it were missing the css styling).

wizard

UPDATE: In my latest attempt, after downloading from https://github.com/ExactTarget/fuelux/tree/3.0.0-wip , I'm still getting the non-formatted wizard. Please see screen shot :

Wizard unformatted

Upvotes: 0

Views: 1801

Answers (1)

Interactive Llama
Interactive Llama

Reputation: 780

FuelUX 2.x is AMD only. The loader.js is a polyfill of sorts (almond.js- a minimal AMD API implementation) that allows AMD, just so you don't have to load require.js yourself, but it's still there.

The latest version FuelUX 3 is a WIP branch and is UMD (Universal Module Definition) which means it can be used with/without AMD via tags with only Bootstrap and JQuery as dependencies. You might try it.

Upvotes: 1

Related Questions