MeteorJS: Login buttons without a dropdown

meteor

Solution

I asked the same question in #meteor and someone sent me this example on customizing the accounts-ui login.

It is clear and straightforward. I used this as a guide to customize the accounts-ui look and feel and it worked great for me.

https://www.youtube.com/watch?v=-CTSGdQOYYg

There is one caveat. The example does not handle the scenario if the accounts-google package still needs the api information setup. For example {{loginButtons}} will turn red and give you the opportunity to setup the information needed for google-accounts to work. The implementation in the example does not handle that scenario. So be sure to have that setup in your application.

Problem

I know that you can use ``` {{> loginButtons}} ``` to get a dropdown with login options. I would like to have the login buttons on my page directly without a dropdown since I would like the UI to be clean on mobile. Is there any way to break the accounts ui out of the dropdown and put it in a div on the main page?

Original source