2017-07-21 30 views
0

注:これは単なるマージン右の投稿ではありません。 Select2は私を悩ましているようだ。selectboxのすぐ隣にボタンを置く方法は? (フォーマットjQuery-Select2)

私はこのようになりますフォームがあります。

Form

をそしてこれは、電子メールアドレスエラーが正しくフォーマットされたエラー—でどのように見えるかです。

Form2

明らか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を使用しています。

+0

'