Wie kann ich die Orchard CMS Admin-Steuerelemente inline setzen

Question

Ich entwickle eine Website für einen Client mit Orchard CMS und einem benutzerdefinierten Modul. Im Admin-Bereich habe ich zwei Radiobuttons hinzugefügt, die ich aber nicht richtig stylen kann.

Dies ist mein Code:

@Html.RadioButtonFor(m => m.UserImportLinkMode, UserImportLinkMode.New, new {id="newGroup", name="group"}) 
    <label for="newGroup">@T("New")</label> 
    @Html.TextBoxFor(m => m.NewGroupName, new {})<br/> 

    @Html.RadioButtonFor(m => m.UserImportLinkMode, UserImportLinkMode.Existing, new {id="existingGroup", name="group"}) 
    <label for="existingGroup">@T("Existing")</label> 
    @Html.DropDownListFor(m => m.SelectedGroupId, new SelectList(Model.Groups, "Id", "Name")) 

Und das ist, wie es aussieht:

Offensichtlich nicht so schön. Alles ist unter einander gestellt. Ich kann das beheben (ich kenne CSS), aber das würde bedeuten, Stile für diese spezifischen Steuerelemente zu erstellen. Ich habe mich gefragt, ob das aktuelle Admin-Design bereits eingebaute Stile hat, um alles inline zu setzen.

Answer 1

Sie müssen forcheckbox Klasse zu den Etiketten von Radios und Kontrollkästchen hinzufügen oder jedes Element inline angezeigt werden soll.

@Html.RadioButtonFor(m => m.UserImportLinkMode, UserImportLinkMode.New, new {id="newGroup", name="group"}) 
<label for="newGroup" class="forcheckbox">@T("New")</label> 
@Html.TextBoxFor(m => m.NewGroupName, new {})<br/> 

@Html.RadioButtonFor(m => m.UserImportLinkMode, UserImportLinkMode.Existing, new {id="existingGroup", name="group"}) 
<label for="existingGroup" class="forcheckbox">@T("Existing")</label> 
@Html.DropDownListFor(m => m.SelectedGroupId, new SelectList(Model.Groups, "Id", "Name"))