如何從帳戶中刪除下拉菜單包

Question

我正在使用ian:accounts-ui-bootstrap-3，我想刪除下拉菜單功能。

我知道這是可能與accounts-ui包，通過使用jamielob:accounts-ui-no-dropdown包。但是相同的程序包不適用於ian:accounts-ui-bootstrap-3軟件包。

有沒有其他辦法可以滿足我的目的？

Answer 1

看一看本教程（http://www.chaosstuff.com/2015/01/meteor-accounts-with-custom-login-form.html）

筆者利用流星模板擴展通過使別人的東西不變，以改變按鈕的一些具體行爲。

這些步驟是首先創建您自己的模板，它利用原來的模板。

<template name="My_loginButtonsLoggedOutDropdown"> 
    <div class="container"> 
<section class="panel"> 
     <header class="panel-heading"> 
      <strong>Welcome</strong> 
     </header> 
     {{> _loginButtonsLoggedOutAllServices}} 
    </section></div> 
</template> 

然後用您創建 Template.My_loginButtonsLoggedOutDropdown.replaces("_loginButtonsLoggedOutDropdown")的一個取代原來的一個;

最後一些造型的東西

.panel { 
    width: 300px; 
    margin-bottom: auto; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: auto; 
    background-color:#fff; 
    border:1px solid transparent; 
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05); 
    box-shadow:0 1px 1px rgba(0,0,0,0.05); 
    border-radius:2px; 
} 

.panel-heading { 
    border-bottom:1px solid transparent; 
    border-top-right-radius:3px; 
    border-top-left-radius:3px; 
    border-radius:2px 2px 0 0; 
    padding:10px 15px; 
    text-align:center; 
} 

您還可以檢查此線程以及其他一些另類的想法How do I style Meteor's loginButton to not be a dropdown?

我認爲這些鏈接可以幫助你解決你的問題。