Does anybody use EmberJS/Handlebars with a Frontend Framework?

1
votes

as I'm learning new things every day since I use EmberJS I wanted to ask if somebody is already using EmberJS with any Frontend Framework like Foundation 4 or Bootstrap and how you handle the additional markup provided by Handlebars like the <div/> elements which are included when using the Ember.Handlebars.helpers outlet or render?

I try to integrate the Zurb Foundation 4 Frontend Framework within my Ember Application and it seems to me that getting the grid to work smoothly and without errors is a bit more complicated than I thought... Is there an existing 'how-to' or any guideline for integrating a Frontend Framework?

Would be cool if anybody could point me in the right direction or give some examples/links to tutorials or something like that... thanks! :)

1
twitter-bootstrapember.jshandlebars.jszurb-foundation
can you setup a jsbin of what you have tried so far? altough it's not working correctly, this will be easier to help out I guess – intuitivepixel
This is something I am seeing too. Most of the time increasing the specificity of the CSS selector fixes things for me. – Darshan Sawardekar
@intuitivepixel it seems that I'm not able to set up a JSBin for this, as all I see is a bunch of errors in the Chrome console and no output at JSBin (see my miserable failure here: jsbin.com/akelin/1/edit)... – herom
@DarshanSawardekar what do you excatly mean by "increase the specificity of the CSS selector"? Using more and more ids instead of classes? This would be very odd... – herom
let me know if my answer did work for you – intuitivepixel

1 Answers

1
votes

Since I dont know in which step exactly you did get stuck I've created a working jsbin with the foundation zurb css from scratch. It shows a basic price table using css classes provided by the framework. (see here for more markup examples)

And here for a working demo ember app.

Hope it helps you moving forward with your development.