So erhalten Sie benutzerdefinierten Validator-Text zur Anzeige in einer Zeile

Question

Ich habe mehrere Textfelder, die Text erfordern, und dann habe ich eine Checkbox-Liste, die eines der Kontrollkästchen aktiviert. Ich verwende ASPs Custom Validator, um ein rotes "!" wenn die Anforderungen nicht erfüllt sind. Ich will das "!" neben den Textbox- und Checkbox-Listen angezeigt werden. Dies funktioniert für das Textfeld korrekt, aber wenn ich es neben den Kontrollkästchen anzeige, wird es in einer neuen Zeile angezeigt. Wie kann ich dies auf derselben Zeile anzeigen lassen?

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> 

Ich habe eine Textbox und Drop-Down-Liste getan beide die gleiche Art und Weise, und sie arbeiten. Was ist der Unterschied zwischen diesen beiden und einer Checkbox-Liste?

Answer 1

Die Checkbox Listensteuerung erzeugt ein <Tabelle> HTML-Element, das standardmäßig ein Blockebene-Element ist - siehe https://webdesignfromscratch.com/html-css/css-block-and-inline/.

Um dies zu beheben, eine CSS-Klasse auf Ihre Checkbox Liste hinzu:

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

dann können Sie den Stil ändern, so dass es indem Sie den folgenden Code in die Seite inline gerendert ist:

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

Jetzt mit ein bisschen Glück sollte dein Ausrufezeichen auf der rechten Seite erscheinen, genau wie dieser!