私はian:accounts-ui-bootstrap-3
を使用しています。私はドロップダウン機能を使いたいと思います。アカウントパッケージからドロップダウンを削除する方法
accounts-ui
パッケージでは、jamielob:accounts-ui-no-dropdown
パッケージを使用することができます。しかし、同じパッケージはian:accounts-ui-bootstrap-3
パッケージでは動作しませんでした。
私の目的に役立つ代替手段はありますか?
私はian:accounts-ui-bootstrap-3
を使用しています。私はドロップダウン機能を使いたいと思います。アカウントパッケージからドロップダウンを削除する方法
accounts-ui
パッケージでは、jamielob:accounts-ui-no-dropdown
パッケージを使用することができます。しかし、同じパッケージはian:accounts-ui-bootstrap-3
パッケージでは動作しませんでした。
私の目的に役立つ代替手段はありますか?
は、このチュートリアル(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")
を作成したもので、元の1を交換します。
そして最後に、いくつかのスタイリングもの
.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?
いくつかの他の代替のアイデアのためにも、このスレッドを確認することができます。
これが役立つ可能性がありますhttps://github.com/ianmartorell/meteor-accounts-ui-bootstrap-3/issues/74 – Khang