カスタムバリデータテキストを1行に表示する方法

Question

テキストが必要なテキストボックスが複数あり、チェックボックスの1つをオンにする必要があるチェックボックスリストがあります。私は、ASPをカスタムValidatorを使用して、赤い "！"要件が満たされていない場合私は "！"テキストボックスとチェックボックスのリストのすぐ隣に表示されます。これはテキストボックスで正しく機能していますが、チェックボックスの横に表示すると、新しい行に表示されます。これをどのようにして同じ行に表示させることができますか？

CODE

<asp:CheckBoxList ID="TEST" ruant="server" 
DataSourceID="TestBox"> 
</asp:CheckBoxList> 
<asp:CustomValidator runat="server" ID="cvTEST" setFocusOnError="true" 
ClientValidationFunction="test_val" ValidateEmptyText="true" 
Display="Dynamic" text="!"> 
</asp:CustomValidator> 

私はテキストボックスとドロップダウンリストの両方に同じ方法で行っている、と彼らは働いています。これらの2つのチェックボックスのリストの違いは何ですか？ https://webdesignfromscratch.com/html-css/css-block-and-inline/参照 -

Answer 1

チェックボックスリスト制御は、デフォルトでは、ブロックレベル要素である<テーブル> HTML要素を生成します。

この問題を解決するには、お使いのチェックボックスリストにCSSクラスを追加します。

<asp:CheckBoxList ID="TEST" runat="server" CssClass="CheckBoxListStyle"> 
</asp:CheckBoxList> 

は、あなたのスタイルを変更することができ、それがページに次のコードを追加することにより、インラインレンダリングされますよう：

<style type="text/css"> 
    .CheckBoxListStyle { float: left; } 
</style> 

あなたの感嘆符はこのように右に表示されるはずです。