Ember: bootstrap classes not working?

Question

When I make two components in ember; menu-auth-login and menu-auth-register and I add them using {{#make-auth-login}}{{/make-auth-login}} the styling is incorrect somehow.

Can this be due to the Ember views in between? <div id="ember36" class="ember-view"></div> contains my components. Is this right?

Igor · Accepted Answer · 2016-06-05 17:09:29Z

2

By default an ember component will be in a div tag. You can change that by defining the tagName property inside of the component. Read more about it here.

If you want your component not to be backed by any tag at all, you can specify the tagName property as an empty string.

answered Jun 5, 2016 at 17:09

Igor

1,58811 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

jbehrens94 Over a year ago

That works! Now, I want to attach an event to the element, but I receive this error:

Error: Assertion Failed: You can not define a function that handles DOM events in the '<cookery@component:menu-auth-login::ember388>' tagless component since it doesn't have any DOM element.

Igor Over a year ago

Well, its exactly as the error says, you can't use this on components without tagName property. I could probably help more, if you provide the .hbs source code of your component.

Collectives™ on Stack Overflow

Ember: bootstrap classes not working?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related