注:これは単なるマージン右の投稿ではありません。 Select2は私を悩ましているようだ。selectboxのすぐ隣にボタンを置く方法は? (フォーマットjQuery-Select2)
私はこのようになりますフォームがあります。
をそしてこれは、電子メールアドレスエラーが正しくフォーマットされたエラー—でどのように見えるかです。
明らかNew
ボタンは、患者のドロップダウンの隣にする必要があります。あなたはselect
にその仕事をするSelectセレクトを伝えるとき
が、それはその要素を隠し、それを置き換えるために、独自のネストされた要素のいくつかを追加します。
は、ここで問題です。ただし、select
にあるクラスは、これらの生成された要素に転送されません。
.select2-container
にはmargin-right:100%
が設定されていますが、これは間隔を処理するものです。これは、2番目のスクリーンショットの動作を回避するためです。エラーメッセージを次の行に強制する他の方法はわかりません。
margin-right:0px
に設定すると、ボタンはドロップダウンの横に表示されますが、その場合はエラーメッセージもその横に表示されます(上の図を参照)。
下の写真のためのHTMLソース:(それは私が欲しいと私が望んでいないの両方を示しているので、私は次の写真のソースを掲示しています):
<div class="form-group">
<label class="control-label col-md-2" for="Email">Email Address</label>
<div class="col-md-10">
<input class="form-control text-box single-line" data-val="true" data-val-regex="Invalid email format" data-val-regex-pattern=".*" data-val-required="The Email Address field is required." id="Email" name="Email" type="email" value="" />
<span class="field-validation-valid text-danger" data-valmsg-for="Email" data-valmsg-replace="true"></span>
</div>
</div>
This code markupは直接その下にあります。 select2の項目はview-source
には表示されないため、スクリーンショットが表示されます。私は避けたいのです
修正:
私はmargin-right:100%
がありdiv
に他のセレクトボックスの数十を包む、その後、margin-right:0px
を設定することができ、それはお尻で荒れ狂う痛みだろう。 がmargin-left:100%
かmargin-left:600px
を設定する、などのエラークラスに:動作しませんでしたソリューションをしようとしました
。
概要: 私は直接次のSelect a patient...
ドロップダウンにNew
ボタンを配置する必要がありますが、私はドロップダウンリストのスタイルにアクセスすることはできません。
何か違いがある場合、私はブートストラップでASP.NET MVCを使用しています。
'
@テリー私が見落とした良いアイデア。しかし、私はそれを実装していくつかの奇妙に実行しています。 'width:280px'と' margin-right:0px'の 'div'でラップしましたが、' margin-right'が '100%'のように表示されています。 Chrome開発ツールを開いて見ても、Chromeはマージンスタイルが適用されていると言いますが、[マージンがあることを示しています](https://i.imgur.com/Wp2TIIK.png)。私はそのマージンがどこから来ているのか分かりません。 – Sinjai
@ Sinjaiこれは、ラッパーの 'div'' display'を' inline-block'に設定していないために起こります。設定して確認してください。 – weBBer